Glossar
Static Site Generation
Webseiten werden zur Build-Zeit als statische HTML-Dateien generiert.
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:
- Build-Prozess wird gestartet
- Content wird aus Quellen geladen (MDX, Markdown, CMS, API)
- Pages werden als statisches HTML gerendert
- 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
