Every error becomes an issue.

Mend automatically captures errors in your Next.js app, deduplicates them, and creates GitHub issues — so nothing slips through the cracks.

Get Started View on GitHub

How it works

Capture

Mend listens for frontend errors and backend failures in your Next.js app. One component, one config file.

Process

Errors are fingerprinted, deduplicated, and filtered. Network noise and third-party extensions are ignored.

Report

New bugs automatically become GitHub issues with full context. Duplicates increment the count instead.

Built for developers

Smart Deduplication

SHA-256 fingerprinting groups identical errors. Same bug = same issue.

Noise Filtering

Network errors, auth failures, browser extensions — automatically excluded.

Sensitive Data Redaction

API keys, tokens, emails, and URLs are stripped before they leave your app.

Frontend + Backend

Captures window errors, unhandled rejections, and Next.js server errors.

Real-time

Errors are reported instantly via sendBeacon for reliability, even during page unload.

Zero Config

One npm install, one CLI command, two lines of code. That's it.

Get started in minutes

1

Install

bash 
$ npm install @michaeljelly/mend-nextjs
2

Set up your project

bash 
$ npx @michaeljelly/mend-cli
3

Add the reporter

app/layout.tsx 
import { MendReporter } from '@michaeljelly/mend-nextjs'

export default function RootLayout({ children }) {
  return (
    <html><body>
      <MendReporter apiKey={process.env.NEXT_PUBLIC_MEND_API_KEY!} />
      {children}
    </body></html>
  )
}
4

Add instrumentation

instrumentation.ts 
export { onRequestError } from '@michaeljelly/mend-nextjs/instrumentation'
import { configureMend } from '@michaeljelly/mend-nextjs/instrumentation'
configureMend({ apiKey: process.env.NEXT_PUBLIC_MEND_API_KEY! })