Editorial Hub
Static Site Generators in Production
Field guides for engineering teams shipping static sites at scale: choose an architecture, make it accessible, publish in many languages, harden every Core Web Vital, test and secure what you ship, and run deployments you can reverse in under a minute.
Start Here
New to the site? These cornerstone guides are the fastest way in.
Find a Guide
Search all 383 pages, or browse the 347 guides by the kind of help they give or by the tools in your stack.
Guides by kind
Step-by-step how-tos, symptom-first fixes, measured comparisons and concept explainers.
All kinds of guide →Guides by tool
Every guide that works with a generator, host or testing tool in depth, across all three areas.
- Astro (63)
- Eleventy (39)
- Hugo (37)
- Cloudflare (27)
- GitHub Actions (19)
- Netlify (17)
- AWS (S3 and CloudFront) (15)
- Lighthouse (15)
All topics
The 33 topics on one page, grouped into the three areas with the number of guides in each.
Browse all topics →Latest Additions
A new accessibility topic and the strongest of the latest hundred guides: fixes, comparisons and incident write-ups.
Accessibility for Static Sites
Skip links, focus, contrast in both themes, Markdown headings and alt text, code blocks and diagrams that work with screen readers.
Read the guide →When a Static Site Generator Is the Wrong Choice
Five signals that a project has outgrown static generation, and the hybrid options that keep most pages static.
Read the guide →Rolling Back S3 and CloudFront Deploys With Versioned Prefixes
Each build in its own prefix and a one-key switch at the edge: no mixed files, rollback in 35 seconds.
Read the guide →Incremental Rebuild Times Across Astro, Eleventy and Hugo
Full, cached and single-page rebuilds of the same 5,000 pages, in CI and the dev server.
Read the guide →Privacy-Friendly Analytics Compared by Page Weight
Plausible, Fathom, Umami, Cloudflare Web Analytics and GA4 on one page: script size, main-thread time and cookies.
Read the guide →Finding the Cause of a Sudden Field LCP Drop
Segmenting RUM data, lining it up with every change, and confirming the cause in the lab.
Read the guide →Gatsby vs Astro for Content Sites in 2026
Build time, JavaScript shipped, field vitals and ecosystem health measured on one 1,200-page site.
Read the guide →Static Site Bandwidth Pricing: Netlify, Vercel, Cloudflare
Monthly hosting cost on Netlify, Vercel and Cloudflare at four traffic levels, and the levers that halve it.
Read the guide →Fixing LCP Regressions Caused by Cookie Consent Tools
A blocking consent script, a late banner as the LCP element and a page overlay, fixed without changing compliance.
Read the guide →Explore the Core Topics
Every guide sits under one of these three areas. Pick a topic to dig in.
Choosing the Right Static Site Generator for Production
Framework selection, docs frameworks, search, internationalization, technical SEO, migration paths and decision matrices for long-term maintainability.
- Accessibility for Static Sites
- Astro vs Eleventy for Documentation Sites
- Docs Frameworks: Docusaurus, Starlight and VitePress
- Hugo Build Times for Large Repositories
- Internationalization for Static Sites
- Jekyll Plugin Ecosystem
- Migrating Between Static Site Generators
- Next.js Static Export for Content Sites
- Search for Static Sites
- SSG Framework Selection Matrix
- Technical SEO for Static Sites
Performance Optimization & Core Web Vitals for SSGs
Delivery architecture, CSS and JavaScript weight, hydration strategy, layout stability, navigation speed and performance budgets enforced in CI.
- CDN Caching Rules for SSGs
- CSS and JavaScript Asset Optimization
- Cumulative Layout Shift Fixes for Static Sites
- Font Loading Strategies for Static Sites
- Image Optimization Pipelines in Astro
- JavaScript Hydration & Partial Rendering
- Largest Contentful Paint Optimization for Static Sites
- Performance Budgets and Lighthouse CI
- Resource Hints and Navigation Speed
- Third-Party Script Performance on Static Sites
Production-Ready Deployment & CI/CD Workflows
Deployment automation, testing in CI, security headers, monitoring, serverless functions and rollback practices for resilient operations.
- Cloudflare Pages Edge Caching Setup
- Content Workflows for Documentation Teams
- GitHub Actions for Automated SSG Builds
- Incremental Builds and Build Caching for SSGs
- Monitoring Static Sites in Production
- Netlify vs Vercel Deployment Strategies
- Preview Environments for Pull Requests
- Rollbacks and Deploy Safety for Static Sites
- Security Headers and Hardening for Static Sites
- Self-Hosting Static Sites on S3, Nginx and Caddy
- Serverless Functions for Static Sites
- Testing Static Sites in CI