sentry · Sentry JavaScript Docs
Javascript Next.js
Guides the installation and configuration of Sentry in a Next.js application using both the automated wizard and manual setup for client, server, and edge runtimes.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Javascript Next.js
Guides the installation and configuration of Sentry in a Next.js application using both the automated wizard and manual setup for client, server, and edge runtimes.
When To Use
Use when integrating Sentry error monitoring, tracing, and logging into a Next.js project across client, server, and edge runtimes.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/javascript-nextjs-next-js-workflow-guide.md | A guide detailing the prerequisites, installation steps, and SDK initialization process for integrating Sentry into a Next.js application. | Questions about a guide detailing the prerequisites, installation steps, and SDK initialization process for integrating Sentry into a... |
examples/javascript-nextjs-next-js-sentry-nextjs-wizard-installation-command.bash | The bash command to run the Sentry wizard for automated Next.js integration. | Exact payloads, commands, or snippets shown in The bash command to run the Sentry wizard for automated Next.js integration. |
examples/javascript-nextjs-next-js-sentry-nextjs-typescript-initialization-config.typescript | A TypeScript code example demonstrating how to initialize the Sentry SDK within a Next.js application using Sentry.init. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to initialize the Sentry SDK within a Next.js application using Sentry.init. |
examples/javascript-nextjs-next-js-sentry-nextjs-typescript-sdk-initialization.typescript | A TypeScript implementation of the Sentry Next.js SDK initialization using the register function to configure both Node.js and Edge runtimes. | Exact payloads, commands, or snippets shown in A TypeScript implementation of the Sentry Next.js SDK initialization using the register function to configure both No... |
examples/javascript-nextjs-next-js-sentry-nextjs-typescript-withsentryconfig-setu.typescript | A TypeScript code example demonstrating how to wrap a Next.js configuration object with the withSentryConfig function to enable Sentry integration. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to wrap a Next.js configuration object with the withSentryConfig function... |
examples/javascript-nextjs-next-js-sentry-nextjs-global-error-boundary.tsx | A Next.js client component implementation of a GlobalError boundary that captures exceptions using Sentry. | Exact payloads, commands, or snippets shown in A Next.js client component implementation of a GlobalError boundary that captures exceptions using Sentry. |
examples/javascript-nextjs-next-js-sentry-nextjs-environment-variable-setup.bash | A bash command demonstrating how to export the SENTRY_AUTH_TOKEN environment variable for Next.js integration. | Exact payloads, commands, or snippets shown in A bash command demonstrating how to export the SENTRYAUTHTOKEN environment variable for Next.js integration. |
examples/javascript-nextjs-next-js-sentry-nextjs-app-router-directory-structure.bash | A directory tree structure showing the implementation of Sentry within Next.js App Router pages and API routes. | Exact payloads, commands, or snippets shown in A directory tree structure showing the implementation of Sentry within Next.js App Router pages and API routes. |
examples/javascript-nextjs-next-js-sentry-nextjs-npm-dev-command.bash | The bash command used to run the Next.js development server in a Sentry-instrumented project. | Exact payloads, commands, or snippets shown in The bash command used to run the Next.js development server in a Sentry-instrumented project. |
examples/javascript-nextjs-next-js-sentry-nextjs-typescript-logger-usage.typescript | A TypeScript code example demonstrating how to use Sentry's logger methods within a Next.js application. | Exact payloads, commands, or snippets shown in A TypeScript code example demonstrating how to use Sentry's logger methods within a Next.js application. |
What This Skill Covers
- A Next.js application A Sentry account and project
- Main sections:
Prerequisites,Install,What the Wizard Created,SDK Initialization,Adjust sample rates for production.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://docs.sentry.io/platforms/javascript/guides/nextjs
