observability

Error tracking for web applications is implemented by adding global error handling scripts. You catch unhandled exceptions and promise rejections using window.onerror and onunhandledrejection handlers in your application's initialization script.

Performance monitoring for Web Vitals and custom timings is achieved using JavaScript for browser-based metrics and Node.js middleware for server-side logging. This allows you to track real-time performance bottlenecks across your application.

Capturing user-reported issues with debugging context is done through a user feedback widget. This mechanism aggregates issue reports directly from users, providing contextual data to help pinpoint the source of production bugs.

Observability works with both client-side and server-side logging. It utilizes JavaScript for browser-based monitoring and Node.js middleware for server-side tracing, providing comprehensive application coverage without external dependencies.

You can trace the source of a critical bug reported in production using this Skill. It analyzes aggregated error reports and user feedback context to pinpoint the exact source of the problem so you can implement a fix.

You need to add global error handlers for promise rejections during your application's initialization phase. Implementing onunhandledrejection handlers proactively catches these errors, ensuring real-time detection before they impact users.