Static Site Generation

Ein Rendering-Pattern, bei dem Webseiten zur Build-Zeit als statische HTML-Dateien generiert werden. Im Gegensatz zu Server-Side Rendering (SSR) werden Seiten nicht bei jedem Request neu generiert, sondern einmal gebaut und dann ausgeliefert.

Wie es funktioniert:

1. Build-Prozess wird gestartet
2. Content wird aus Quellen geladen (MDX, Markdown, CMS, API)
3. Pages werden als statisches HTML gerendert
4. Resultierendes HTML + Assets werden deployed

Frameworks mit SSG:

• Next.js (mit getStaticProps)
• Gatsby
• Hugo
• Astro
• 11ty

Ideal für:

• Content-Sites (Blogs, Docs, Marketing)
• Sites mit Updates in größeren Intervallen
• SEO-kritische Seiten
• Hoher Traffic mit gleichem Content für alle User

Nicht ideal für:

• Highly dynamic Content
• User-specific Personalization
• Real-time Data
• User-generated Content

Hybrid-Ansätze: SSG für Core Content + Client-Side JS für Dynamic Features = Best of both worlds

Siehe auch: Build-time Content