Static Site Generation (SSG) is een rendering-strategie waarbij elke pagina vooraf wordt gerenderd tot statisch HTML tijdens de build. De server serveert alleen bestanden — er is geen runtime-rendering nodig. SSG levert de beste performance (laagste TTFB) en is volledig leesbaar voor alle crawlers inclusief AI-bots.
Wat is SSG?
Bij SSG genereert het framework (Next.js, Astro, Nuxt, Gatsby) alle HTML-pagina's op build-tijd. De output is een map met statische HTML-bestanden die direct via een CDN geserveerd kunnen worden. Geen Node.js-server nodig, geen rendering per request.
| Voordeel | Nadeel |
|---|---|
| Laagste TTFB (CDN-leverbaar) | Content is "bevroren" tot de volgende build |
| Volledig crawlbaar (HTML is compleet) | Niet geschikt voor dynamische content |
| Laagste serverbelasting | Build-tijden groeien bij grote sites (10.000+ pagina's) |
| Goedkoopst om te hosten |
Waarom belangrijk
SSG combineert de beste SEO-eigenschappen: lage TTFB (goed voor Core Web Vitals), complete HTML (leesbaar voor alle crawlers inclusief AI-bots), en minimale servercomplexiteit. Het is de aanbevolen strategie voor content die niet per request verandert: blogs, documentatie, marketing-pagina's, kennisbanken.
Hiveminds.nl zelf gebruikt Vite met statische builds. De SEO-artikelen die je nu leest, zijn SSG.
Voorbeeld
In Astro is elke .astro-pagina standaard SSG:
---
const posts = await getCollection('blog')
---
<ul>
{posts.map(post => <li><a href={post.slug}>{post.data.title}</a></li>)}
</ul>
In Next.js gebruik je getStaticProps:
export async function getStaticProps() {
const articles = getArticles()
return { props: { articles } }
}
Gerelateerd
- JavaScript SEO: rendering en indexering
- Gerelateerde termen: SSR, CSR, Prerendering