Was ist Static Site Generation (SSG)?

Static Site Generation rendert jede Seite zur Build-Zeit als statisches HTML, also lange vor dem ersten User-Request. Die Dateien werden in Object-Storage oder ein content-delivery-network-cdn geschoben und als cachebare, deterministische Antworten ausgeliefert. Im E-Commerce eignet sich SSG vor allem für Inhalte, die sich auf redaktionellen statt transaktionalen Zeitskalen ändern.

Definition

Im Build-Step crawlt das Framework eine Routenmenge, holt Daten aus Commerce-APIs, dem content-management-system-cms und Produktkatalogen und schreibt pro Seite ein eigenständiges HTML-Dokument plus Hydration-Bundle. Typische Implementierungen sind Next.js getStaticProps, Astro, nuxt generate, Gatsby und Hugo. Die Seiten kommen aus Edge-Caches mit TTFB im niedrigen zweistelligen Millisekundenbereich und ohne Render-Kosten zur Laufzeit. SSG ist ein Eckpfeiler von jamstack und passt natürlich zu einem content-delivery-network-cdn für globale Distribution.

Warum es zählt

SSG eliminiert die Render-Kosten pro Request vollständig - das bedeutet planbare TTFB, einfache horizontale Skalierung und niedrigere Hosting-Kosten. Für die Core Web Vitals ist es die nachsichtigste Strategie, weil LCP fast nur an der Asset-Auslieferung hängt. Ideal ist SSG für Marketing-Seiten, Glossareinträge, Brand-Stories, SEO-Landingpages und evergreen Kategorie-Content. Auch die Angriffsfläche schrumpft, weil zur Laufzeit kein Renderer läuft. Trade-off ist die Aktualität: Katalogänderungen erfordern einen Rebuild, was SSG für inventarsensible PDPs limitiert.

Anwendungsfälle

composable-commerce-Teams SSG-en typischerweise ihr landing-page-Netzwerk, den Blog, Helpcenter und Long-Tail-Kategorien auf Astro, Next.js oder Nuxt und deployen über Vercel, Netlify oder Cloudflare Pages. webhooks aus einem Headless-CMS lösen inkrementelle Builds beim Publish aus, sodass TTFB minimal bleibt und Inhalte aktuell. Für PDPs wechseln Teams entweder auf ISR mit feinerer Revalidation oder kombinieren SSG-Shells mit clientseitigem Fetch für Lager und Preis. SSG ist außerdem der Default in jamstack-Referenzarchitekturen, die Hygraph, Sanity oder Contentful mit einem statischen Frontend kombinieren.

Verwandt

Mehr dazu: Composable Headless Frontend · Performance and Core Web Vitals.