CommunityProgramación y desarrollogithub.com

getsentry/sentry-nextjs-sdk

Configuración completa del SDK de Sentry para Next.js. Úsalo cuando te pidan 'agregar Sentry a Next.js', 'instalar @sentry/nextjs', o configurar monitoreo de errores, trazado, reproducción de sesiones, registro, perfilado, monitoreo de IA o crons para aplicaciones Next.js. Soporta Next.js 13+ con App Router y Pages Router.

¿Qué es sentry-nextjs-sdk?

Este skill automatiza la instalación y configuración del SDK de Sentry (@sentry/nextjs) en proyectos Next.js 13+. Cubre la integración completa para monitoreo de errores, rendimiento (tracing), session replay, logging, profiling, monitoreo de IA y crons. Es compatible tanto con App Router como con Pages Router, lo que lo hace ideal para cualquier proyecto Next.js moderno. Su función principal es detectar cuando el desarrollador solicita agregar Sentry al proyecto, y ejecutar los pasos necesarios para establecer la configuración básica del SDK, asegurando que las herramientas de observabilidad de Sentry estén operativas.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add https://github.com/getsentry/sentry-for-ai/tree/main/skills/sentry-nextjs-sdk

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace sentry-nextjs-sdk?

Configuración completa del SDK de Sentry para Next.js. Úsalo cuando te pidan "agregar Sentry a Next.js", "instalar @sentry/nextjs", o configurar monitoreo de errores, trazado, reproducción de sesiones, registro, perfilado, monitoreo de IA o crons para aplicaciones Next.js. Soporta Next.js 13+ con App Router y Pages Router.

¿Qué hace?

  • Instala el paquete @sentry/nextjs.
  • Configura automáticamente Sentry para capturar errores y rendimiento.
  • Integra opcionalmente Session Replay, Logging, Profiling, AI Monitoring y Crons.

¿Por qué usarlo?

  • Ahorra tiempo al evitar la configuración manual.
  • Garantiza las mejores prácticas y configuraciones recomendadas por Sentry.
  • Reduce errores comunes al configurar el SDK manualmente.

Plataformas compatibles

  • Next.js 13+
  • App Router
  • Pages Router

¿Cómo funciona?

  1. Detecta la solicitud del usuario para agregar Sentry.
  2. Ejecuta comandos de instalación (por ejemplo, npm install @sentry/nextjs).
  3. Crea o modifica los archivos de configuración necesarios (sentry.client.config.js, sentry.server.config.js, etc.).
  4. Configura opciones según las necesidades del proyecto.

Comandos de instalación

npm install @sentry/nextjs

O con Yarn:

yarn add @sentry/nextjs

Configuración básica

Crea el archivo sentry.client.config.js:

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

Sentry.init({
  dsn: "TU_DSN_AQUÍ",
  // Configuración adicional
});

Soporte

Para más detalles, consulta la documentación oficial de Sentry para Next.js.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

getsentry/sentry-android-sdk

Full Sentry SDK setup for Android. Use when asked to "add Sentry to Android", "install sentry-android", "setup Sentry in Android", or configure error monitoring, tracing, profiling, session replay, or logging for Android applications. Supports Kotlin and Java codebases.

getsentry/sentry-browser-sdk

Full 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.

getsentry/sentry-cloudflare-sdk

Full Sentry SDK setup for Cloudflare Workers and Pages. Use when asked to "add Sentry to Cloudflare Workers", "install @sentry/cloudflare", or configure error monitoring, tracing, logging, crons, or AI monitoring for Cloudflare Workers, Pages, Durable Objects, Queues, Workflows, or Hono on Cloudflare.

getsentry/sentry-cocoa-sdk

Full Sentry SDK setup for Apple platforms (iOS, macOS, tvOS, watchOS, visionOS). Use when asked to "add Sentry to iOS", "add Sentry to Swift", "install sentry-cocoa", or configure error monitoring, tracing, profiling, session replay, logging, or metrics for Apple applications. Supports SwiftUI and UIKit.

getsentry/sentry-code-review

Analyze and resolve Sentry comments on GitHub Pull Requests. Use this when asked to review or fix issues identified by Sentry in PR comments. Can review specific PRs by number or automatically find recent PRs with Sentry feedback.

getsentry/sentry-create-alert

Create Sentry alerts using the workflow engine API. Use when asked to create alerts, set up notifications, configure issue priority alerts, or build workflow automations. Supports email, Slack, PagerDuty, Discord, and other notification actions.

getsentry/sentry-dotnet-sdk

Full 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.

getsentry/sentry-elixir-sdk

Full Sentry SDK setup for Elixir. Use when asked to "add Sentry to Elixir", "install sentry for Elixir", or configure error monitoring, tracing, logging, or crons for Elixir, Phoenix, or Plug applications. Supports Phoenix, Plug, LiveView, Oban, and Quantum.

getsentry/sentry-feature-setup

Configure specific Sentry features beyond basic SDK setup. Use when asked to monitor AI/LLM calls, set up OpenTelemetry pipelines, create alerts and notifications, or enable span streaming.

getsentry/sentry-fix-issues

Find and fix issues from Sentry using MCP. Use when asked to fix Sentry errors, debug production issues, investigate exceptions, or resolve bugs reported in Sentry. Methodically analyzes stack traces, breadcrumbs, traces, and context to identify root causes.

getsentry/sentry-flutter-sdk

Full Sentry SDK setup for Flutter and Dart. Use when asked to "add Sentry to Flutter", "install sentry_flutter", "setup Sentry in Dart", or configure error monitoring, tracing, profiling, session replay, or logging for Flutter applications. Supports Android, iOS, macOS, Linux, Windows, and Web.

getsentry/sentry-go-sdk

Full Sentry SDK setup for Go. Use when asked to "add Sentry to Go", "install sentry-go", "setup Sentry in Go", or configure error monitoring, tracing, logging, metrics, or crons for Go applications. Supports net/http, Gin, Echo, Fiber, FastHTTP, Iris, Negroni, and gRPC.

getsentry/sentry-nestjs-sdk

Full Sentry SDK setup for NestJS. Use when asked to "add Sentry to NestJS", "install @sentry/nestjs", "setup Sentry in NestJS", or configure error monitoring, tracing, profiling, logging, metrics, crons, or AI monitoring for NestJS applications. Supports Express and Fastify adapters, GraphQL, microservices, WebSockets, and background jobs.

getsentry/sentry-node-sdk

Full Sentry SDK setup for Node.js, Bun, and Deno. Use when asked to "add Sentry to Node.js", "add Sentry to Bun", "add Sentry to Deno", "install @sentry/node", "@sentry/bun", or "@sentry/deno", or configure error monitoring, tracing, logging, profiling, metrics, crons, or AI monitoring for server-side JavaScript/TypeScript runtimes.

getsentry/sentry-otel-exporter-setup

Configure the OpenTelemetry Collector with Sentry Exporter for multi-project routing and automatic project creation. Use when setting up OTel with Sentry, configuring collector pipelines for traces and logs, or routing telemetry from multiple services to Sentry projects.

getsentry/sentry-php-sdk

Full Sentry SDK setup for PHP. Use when asked to "add Sentry to PHP", "install sentry/sentry", "setup Sentry in PHP", or configure error monitoring, tracing, profiling, logging, metrics, or crons for PHP applications. Supports plain PHP, Laravel, and Symfony.

getsentry/sentry-pr-code-review

Review a project's PRs to check for issues detected in code review by Seer Bug Prediction. Use when asked to review or fix issues identified by Sentry in PR comments, or to find recent PRs with Sentry feedback.

getsentry/sentry-python-sdk

Full Sentry SDK setup for Python. Use when asked to "add Sentry to Python", "install sentry-sdk", "setup Sentry in Python", or configure error monitoring, tracing, profiling, logging, metrics, crons, or AI monitoring for Python applications. Supports Django, Flask, FastAPI, Celery, Starlette, AIOHTTP, Tornado, and more.

getsentry/sentry-react-native-sdk

Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or configure error monitoring, tracing, profiling, session replay, or logging for React Native applications. Supports Expo managed, Expo bare, and vanilla React Native.

getsentry/sentry-react-sdk

Full 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.

Skills relacionados