Astro server-side rendering

How Astro renders HTML on the server for fast first paint on home, about, and dashboard pages.

Astro renders most pages on the server at request time or build time, shipping HTML with minimal client JavaScript. For a monitoring site, that means fast first paint for public probe cards and SEO-friendly about documentation without a heavy SPA bundle.

SSR in this project

The home page fetches live JSON during SSR via server-side probe fetch. About articles are static content with optional expanded blocks from generated TypeScript. API routes handle auth and history writes.

Benefits for monitoring

  • Secrets stay server-side—feed URLs and Supabase keys never ship to the browser wholesale.
  • Edge deployment on Cloudflare reduces latency—see Cloudflare Workers deployment.
  • Progressive enhancement for dashboard features that need client state.

Related reading

Interactive widgets use Astro islands. Compare with Next.js monitoring dashboards.