nexus-labs-automation/web-observability

api-tracing

Instrument API requests with spans and distributed tracing. Use when tracking request latency or debugging API issues.

bundle-performance

Monitor JavaScript bundle size and execution performance. Use when tracking bundle size, identifying large chunks, or optimizing load performance.

core-web-vitals

Measure and optimize Core Web Vitals (LCP, INP, CLS). Use when implementing CWV tracking or debugging performance.

error-tracking

Set up error tracking with actionable context. Use when configuring error capture or error boundaries.

hydration-performance

Measure SSR hydration timing and issues. Use when tracking hydration performance, debugging hydration mismatches, or optimizing SSR/SSG applications.

instrumentation-planning

Plan what to measure in web applications. Use when starting observability or prioritizing instrumentation.

route-transition-tracking

Measure time from navigation to page fully loaded and interactive. Use when tracking SPA navigation, route changes, or slow page transitions.

session-replay

Set up session replay for visual debugging. Use when implementing DOM recording with privacy controls.

source-map-setup

Configure source maps for readable stack traces. Use when setting up error tracking, debugging production issues, or configuring build tools.

synthetic-monitoring

Set up synthetic monitoring with Lighthouse CI and Playwright. Use when implementing automated performance testing, CI/CD performance gates, or proactive monitoring.

user-journey-tracking

Track user journeys with intent context and friction signals. Use when instrumenting funnels or multi-step flows.