CI/CD and Production Observability
Shipping and monitoring frontend applications. GitHub Actions, preview deployments, feature flags, progressive rollouts, error monitoring with Sentry, RUM, and alerting.
Master GitHub Actions workflow syntax, caching strategies, matrix builds, and production-ready CI pipelines for frontend projects.
Ship every PR with its own live URL. Learn how preview deployments work, how to build them with GitHub Actions, and how to use them for visual regression testing.
Why long-lived branches do not scale, how feature flags decouple deployment from release, and the discipline required to manage flag lifecycle without drowning in tech debt.
Route traffic from 1% to 100% with canary deployments, configure automated rollback on error spikes, and understand blue-green vs canary vs rolling deployment strategies.
Set up Sentry for production frontend apps: SDK initialization, source maps for readable stack traces, breadcrumbs, Session Replay, performance monitoring, and alert configuration.
Collect LCP, INP, CLS, FCP, and TTFB from real users with the web-vitals library, debug with the attribution build, send data to analytics, and understand percentile-based reporting.
Go beyond Core Web Vitals with custom metrics: component render timing, API response latency, search-to-result speed, feature-specific SLIs, performance budgets in CI, and building dashboards.
Instrument your frontend with OpenTelemetry: trace web requests, create custom spans, propagate context to backends, export to Jaeger or Grafana Tempo, and connect frontend traces to backend traces.