error-tracking-integratorlisted

# Error Tracking Integrator Integrates error tracking services into applications for better production debugging and monitoring. ## When to Use - User requests error monitoring or tracking - Setting up production error logging - User mentions "Sentry", "error tracking", "crash reporting", or "production debugging" ## Instructions ### 1. Detect Framework Identify application framework: - React, Vue, Angular (frontend) - Express, Fastify (Node.js backend) - Django, Flask (Python) - Rails (Ruby) ### 2. Choose Error Tracking Service **Popular services:** - **Sentry**: Most popular, comprehensive - **Rollbar**: Good for backend - **Bugsnag**: Multi-platform - **Airbrake**: Ruby-focused - **LogRocket**: Session replay + errors ### 3. Install and Configure **Sentry (React example):** ```bash npm install @sentry/react ``` ```javascript import * as Sentry from "@sentry/react"; Sentry.init({ dsn: process.env.REACT_APP_SENTRY_DSN, environment: process.env.NODE_ENV, tracesSampleRate: 1.0, integrations: [ new Sentry.BrowserTracing(), new Sentry.Replay() ], }); ``` **Sentry (Node.js/Express):** ```javascript const Sentry = require("@sentry/node"); Sentry.init({ dsn: process.env.SENTRY_DSN, environment: process.env.NODE_ENV, tracesSampleRate: 1.0, }); // Request handler (first middleware) app.use(Sentry.Handlers.requestHandler()); // Error handler (after all routes, before error middleware) app.use(Sentry.Handlers.errorHandler()); ``` ### 4. Add Error