Prompt Buddy logoPrompt Buddy

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.

Import to Prompt Buddy

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

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/javascript-nextjs-next-js-workflow-guide.mdA 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.bashThe 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.typescriptA 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.typescriptA 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.typescriptA 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.tsxA 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.bashA 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.bashA 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.bashThe 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.typescriptA 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

  1. Open the most relevant file under docs/ for the exact documented workflow and wording.
  2. Open schemas/ files for exact structured contracts.
  3. Open examples/ files for concrete requests, commands, snippets, and manifests.
  4. 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