Sentry Next.js SDK Setup
Skill Verified ActiveFull Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling, AI monitoring, or crons for Next.js applications. Supports Next.js 13+ with App Router and Pages Router.
To provide a complete and guided setup for Sentry SDK in any Next.js application, ensuring robust error monitoring, tracing, and other observability features.
Features
- Full Sentry SDK setup for Next.js (App and Pages Router)
- Configuration for browser, Node.js server, and Edge runtimes
- Guidance on error monitoring, tracing, session replay, logging, profiling, AI monitoring, and crons
- Automatic detection of project specifics (version, router type)
- Detailed troubleshooting and verification steps
Use Cases
- When asked to add Sentry to a Next.js project
- When configuring error monitoring, tracing, or session replay for Next.js
- When needing to set up AI monitoring or cron job tracking in a Next.js app
- When troubleshooting Sentry integration issues in a Next.js environment
Non-Goals
- Configuring Sentry for frameworks other than Next.js
- General Next.js development or debugging outside of Sentry integration
- Providing Sentry SDK runtime support (this is a setup skill)
Workflow
- Detect project specifics (Next.js version, router type, existing Sentry config)
- Recommend Sentry features based on detection results
- Guide through installation (wizard or manual)
- Configure SDK for browser, server, and edge runtimes
- Set up source maps for production
- Guide through feature-specific setups (error monitoring, tracing, etc.)
- Provide verification steps
- Suggest cross-linking with backend services
- Offer troubleshooting assistance
Installation
First, add the marketplace
/plugin marketplace add getsentry/sentry-for-ai/plugin install sentry-for-ai@sentry-plugin-marketplaceQuality Score
VerifiedTrust Signals
Similar Extensions
Sentry React SDK
100Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging for React applications. Supports React 16+, React Router v5-v7 non-framework mode, TanStack Router, Redux, Vite, and webpack.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Sentry Svelte Sdk
99Full Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure error monitoring, tracing, session replay, or logging for Svelte or SvelteKit applications.
Sentry .NET SDK
99Full Sentry SDK setup for .NET. Use when asked to "add Sentry to .NET", "install Sentry for C#", or configure error monitoring, tracing, profiling, logging, or crons for ASP.NET Core, MAUI, WPF, WinForms, Blazor, Azure Functions, or any other .NET application.
Sentry Browser SDK Setup
99Full Sentry SDK setup for browser JavaScript. Use when asked to "add Sentry to a website", "install @sentry/browser", or configure error monitoring, tracing, session replay, or logging for vanilla JavaScript, jQuery, static sites, or WordPress.
Sentry Tanstack Start Sdk
100Full Sentry SDK setup for TanStack Start React. Use when asked to "add Sentry to TanStack Start", "install @sentry/tanstackstart-react", or configure error monitoring, tracing, session replay, logs, or user feedback in a TanStack Start React app.