Static Site Generation (SSG)

Static Site Generation ist ein Rendering-Pattern, bei dem alle Seiten einer Website zum Build-Zeitpunkt (also beim Deployment) einmalig als statisches HTML generiert werden. Dieses HTML wird dann ueber ein CDN (z. B. Cloudflare oder Netlify Edge) global ausgeliefert. Jede Seitenanforderung ist so extrem schnell, weil kein Server-Rendering pro Request noetig ist.

SSG glaenzt bei Content, der sich selten aendert: Marketing-Websites, Blogs, Dokumentationen, Portfolios, Produkt-Kataloge mit wenigen Updates pro Tag. Fuer Alunah-Kunden kommt SSG bei allen Unternehmenswebsites zum Einsatz, weil: Ladezeiten unter 1s durch CDN-Caching erreichbar sind, Hosting-Kosten gegen null tendieren (Netlify-Free-Tier reicht fuer viele KMU), keine Security-Risiken durch laufenden Server (keine WordPress-Plugin-Luecken), und 100 % Uptime auch bei Traffic-Spikes.

Der Trade-off: Bei Content-Aenderungen muss ein neuer Build laufen. Bei grossen Sites (1000+ Seiten) kann das Minuten dauern. Loesung: Incremental Static Regeneration (ISR) baut nur geaenderte Seiten neu.

Technisch funktioniert SSG in Next.js ueber generateStaticParams() und generateMetadata(). Pages mit export const dynamic = "force-static" werden garantiert statisch generiert. Bilder werden automatisch optimiert und als AVIF/WebP ausgeliefert.

Der SEO-Vorteil ist massiv: Suchmaschinen und AI-Crawler lieben statisches HTML. Google crawlt SSG-Seiten schneller und haeufiger, AI-Crawler wie ClaudeBot koennen Content in Millisekunden parsen ohne JavaScript-Waiting. Laut einer Alunah-Fallstudie bei einem Sassenburger Autohaus sank die Indexierungszeit nach SSG-Migration von 3 Wochen auf 2 Tagen.

Nachteil: Hochdynamische Inhalte (Live-Shop-Warenkorb, User-Dashboards) funktionieren nicht mit SSG und brauchen SSR oder Client-Side Rendering. Hier kommt meist ein hybrider Ansatz zum Einsatz.