Error and Performance Monitoring for Next.js

Automatically capture errors and performance bottlenecks with clear, actionable debugging context for your Next.js app—across client, server, and edge components.

Try Sentry for Free Get a Demo

Next.js monitoring that's "not bad"

Get detailed stack traces and debugging context for every error—without having to ask for screenshots of the users console. De-minify your code while keeping source maps private and connect issues across your Next.js app. Session Replay shows exactly what led up to an issue, helping you debug hydration errors, navigation failures, layout shifts, and user frustration signals like rage clicks and dead clicks.

Trace requests from client-side interactions through RSCs, server actions, and edge functions. Get precise context down to the line of broken code to:

Pinpoint slow or failing server actions without sifting through logs
Track database queries that slow down API responses
Catch middleware failures affecting authentication and redirects
Monitor edge function timeouts impacting user experience

Set up tracing Trace every request across your Next.js application

Getting started is simple

Just run this command to sign up for and install Sentry.

Click to Copy

npx @sentry/wizard@latest -i nextjs

Enable Sentry Tracing by adding the below code.

Click to Copy

import * as Sentry from '@sentry/nextjs';

Sentry.init({
  dsn: 'https://examplePublicKey@o0.ingest.sentry.io/0',

  // We recommend adjusting this value in production, or using tracesSampler
  // for finer control
  tracesSampleRate: 1.0,
});

That's it. Check out our documentation to ensure you have the latest instructions.

Create a Sentry Account See All Platforms

Common Next.js Issues Solved

Hydration Errors

Whether it's a flickering UI or missing elements, Sentry's hydration error diff tools make it easy to instantly detect and debug mismatches between server-rendered and client-rendered HTML.

API Route Performance

Monitor response times and error rates across your Next.js API routes with automatic instrumentation.

Edge Function Issues

Track execution times and errors in your edge functions with complete debugging context.

Prevent Silent Failures in Vercel Cron Jobs

Missed database cleanups or failed API syncs can go unnoticed, leading to data inconsistencies or increased storage costs. Ensure your scheduled tasks are running on time and without errors with Sentry’s cron monitoring.

Detect Downtime

Get real-time alerts when your application is unavailable, so you can respond quickly before it impacts your users.

FAQs

Sentry doesn’t impact a web site’s performance.

If you look at the configuration options for when you initialize Sentry in your code, you’ll see there’s nothing regarding minimizing its impact on your app’s performance. This is because our team of SDK engineers already developed Sentry with this in mind.

Sentry is a listener/handler for errors that asynchronously sends out the error/event to Sentry.io. This is non-blocking. The error/event only goes out if this is an error.

Global handlers have almost no impact as well, as they are native APIs provided by the browsers.

Of course we have more content

Everyone needs to know how to trace

It’s a bold claim for me to say that every developer can benefit from something , but hear me out. I was among the 40% who didn’t know tracing existed...

Fix It

Get started with the only application monitoring platform that empowers developers to fix application problems without compromising on velocity.