sentry-nextjs-sdk

Configure the Sentry SDK for Next.js apps with error monitoring and tracing.

Updated May 3, 2026
One-click install
npx skills add https://github.com/marktantongco/remotion-video-pro --skill sentry-nextjs-sdk-marktantongco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-nextjs-sdk
Source: https://github.com/marktantongco/remotion-video-pro/tree/main/skills/sentry-nextjs-sdk
Command: npx skills add https://github.com/marktantongco/remotion-video-pro --skill sentry-nextjs-sdk-marktantongco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sentry/nextjs, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you quickly and easily set up the Sentry SDK in your Next.js application, enabling features like error monitoring, tracing, and session replay.

Core Features & Use Cases

  • Error Monitoring: Capture and track errors, exceptions, and unhandled rejections across the browser, server, and edge runtimes.
  • Tracing: Instrument your application for performance monitoring, capturing server-side request tracing and client-side navigation spans.
  • Session Replay: Record and analyze user sessions to understand and improve app performance.
  • Use Case: After installing this Skill, you can quickly add error monitoring to your Next.js app, enabling you to track and debug errors as they occur.

Quick Start

Set up Sentry for your Next.js app by running the following command:

npx @sentry/wizard@latest -i nextjs

Frequently Asked Questions about sentry-nextjs-sdk

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up error monitoring in a Next.js application?

To set up error monitoring in a Next.js application, run the Sentry wizard command and configure your environment variables with the DSN and authentication token to capture exceptions across browser, server, and edge runtimes.

Does Sentry SDK support tracing and session replay for Next.js App Router?

Yes, Sentry SDK supports Next.js versions 13+ with both App Router and Pages Router, enabling performance monitoring through server-side request tracing, client-side navigation spans, and session replay.

What environment variables do I need to configure for Sentry in Next.js?

Configuring Sentry requires setting up environment variables for your project DSN to route error data and an authentication token to authenticate the SDK during the build process.

Can I track unhandled rejections across server and edge runtimes using Sentry?

Yes, Sentry error monitoring captures unhandled rejections and exceptions across browser, server, and edge runtimes in your Next.js application to help you track and debug errors.

What is the quickest way to add Sentry to an existing Next.js project?

The quickest way to add Sentry is by running the npx Sentry wizard command for Next.js, which automatically instruments your application for error tracking and performance monitoring.

How does session replay work with Next.js error tracking?

Session replay records and analyzes user sessions in your Next.js app, working alongside error monitoring and tracing to help you understand application performance and debug issues visually.