Static Site Generation (SSG)

Static Site Generation (SSG) bezeichnet ein bewährtes Verfahren in der modernen Webentwicklung, bei dem sämtliche Seiten einer Website während des automatisierten Build-Prozesses vollständig vorgerendert und als fertige, sofort auslieferbare statische HTML-Dateien gespeichert werden.

Im Unterschied zu Server-Side Rendering (SSR), bei dem jede Seite bei jedem einzelnen Aufruf dynamisch neu generiert wird, geschieht die Generierung bei SSG einmalig während des Build-

Prozesses. Die fertigen, optimierten HTML-Dateien werden anschliessend über ein globales CDN ausgeliefert und laden extrem schnell, da kein Server bei jedem Seitenaufruf Rechenarbeit leisten muss und die Dateien von geografisch nahen Standorten ausgeliefert werden.

Vorteile von SSG

Die Performance ist herausragend: Statische Dateien laden in Millisekunden und erzielen optimale Werte bei Core Web Vitals, was sich direkt positiv auf die Suchmaschinenoptimierung (SEO) auswirkt. Die Sicherheit steigt erheblich, weil keine serverseitige Datenbank-Anbindung existiert, die angegriffen werden könnte. Und die Hosting-Kosten sinken deutlich, weil statisches Hosting über CDNs um ein Vielfaches günstiger ist als dynamische Serverinfrastruktur.

SSG ist ein Kernbestandteil der Jamstack-Architektur und funktioniert optimal in Kombination mit einem Headless CMS wie Sanity oder Contentful, das Inhalte über eine API (Application Programming Interface) bereitstellt.

Wann SSG an Grenzen stößt

Für Seiten mit hochdynamischen Inhalten wie personalisierten Darstellungen, Echtzeit-Daten oder nutzergenerierten Dashboards ist SSG allein nicht ausreichend. Hier kommen hybride Ansätze zum Einsatz: Frameworks wie Next.js ermöglichen die Kombination von SSG für statische Seiten und Server-Side Rendering (SSR) für dynamische Bereiche innerhalb einer Anwendung. Incremental Static Regeneration (ISR) erlaubt zudem, einzelne Seiten nach dem initialen Build neu zu generieren, ohne die gesamte Website neu bauen zu müssen.

Auch die Build-Zeit kann bei sehr grossen Websites mit tausenden von Seiten zum Faktor werden. Hier helfen On-Demand-Generierung und intelligente Caching-Strategien, um die Vorteile von SSG auch bei umfangreichen Projekten beizubehalten.

Diese Architekturentscheidungen sind Teil der strategischen /webapp-Planung und werden projektspezifisch getroffen.