--- title: "SSG" title_en: "Static Site Generation" description: "SSG (Static Site Generation) erzeugt das fertige HTML jeder Seite einmal beim Build, nicht bei jedem Aufruf. Die Dateien lassen sich über ein CDN ausliefern — schnell, robust und für Crawler direkt lesbar." description_en: "SSG (Static Site Generation) builds the finished HTML of each page once at build time rather than on every request. The files can be served from a CDN — fast, robust and directly readable by crawlers." summary_en: "SSG (Static Site Generation) builds the finished HTML of each page once at build time rather than on every request. The files can be served from a CDN — fast, robust and directly readable by crawlers." direct_answer_en: "Static Site Generation renders pages to HTML at build time and serves the resulting files, usually from a CDN. It gives fast first bytes, low server load and complete HTML for crawlers and AI agents. It suits content that changes rarely; updates arrive via rebuild or incremental regeneration." url: "https://modern-stack.de/glossar/ssg" type: "glossary" kind: "glossary" language: de-DE updated_at: "2026-10-06T18:00:00+00:00" --- # SSG ## English Abstract SSG (Static Site Generation) builds the finished HTML of each page once at build time rather than on every request. The files can be served from a CDN — fast, robust and directly readable by crawlers. ## Quick Answer (EN) Static Site Generation renders pages to HTML at build time and serves the resulting files, usually from a CDN. It gives fast first bytes, low server load and complete HTML for crawlers and AI agents. It suits content that changes rarely; updates arrive via rebuild or incremental regeneration. ## Key Takeaways (EN) - SSG renders HTML once at build time; every visitor gets the same prebuilt file. - Ideal for marketing, service, topic and region pages that change on a content schedule. - Complete HTML helps crawlers and AI extraction and gives strong TTFB and LCP. - Personalised or very frequently changing parts need SSR, client fetches or ISR. ## English Summary Static Site Generation (SSG) means the HTML for each route is produced during the build, not per request. The output is a set of files that a CDN can cache and serve from the edge without running application code. Because the content is already in the HTML, crawlers and language models see it immediately, and Core Web Vitals benefit from short server response times. Content updates need a rebuild or on-demand/incremental regeneration. Dynamic, user-specific features are added with server rendering, API calls or small client components. ## Quick Answer **SSG:** Static Site Generation bedeutet, dass das komplette HTML einer Seite einmal beim Veröffentlichen erzeugt wird und danach als fertige Datei bereitliegt. Besucher, Suchmaschinen und KI-Assistenten bekommen dieselbe, sofort lesbare Seite — ohne dass bei jedem Aufruf Code läuft. Praktisch heißt das: Für Leistungs-, Themen- und Regionsseiten ist SSG meist der schnellste und robusteste Weg. > Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen. > Steve Baka ## Key Takeaways - SSG erzeugt das HTML beim Build; jeder Besucher erhält dieselbe vorgebaute Datei. - Ideal für Seiten, die sich nach Redaktionsplan ändern: Leistungen, Themen, Regionen, Glossar. - Vollständiges HTML hilft [Crawlern](/glossar/crawlability) und der Extraktion durch KI und liefert starke [LCP](/glossar/lcp)-Werte. - Personalisierte oder sekündlich wechselnde Teile brauchen [SSR](/glossar/ssr), API-Aufrufe oder [ISR](/glossar/isr). ## Was ist SSG? **Static Site Generation** ist ein Rendering-Modell, bei dem die Seiten nicht erst im Moment des Aufrufs, sondern vorab erzeugt werden. Beim **Build** ruft das Framework für jede Route die nötigen Daten ab, rendert die Komponenten zu HTML und speichert das Ergebnis als Datei. Beim Aufruf liefert der Server — oder besser ein [CDN](/glossar/cdn) — nur noch diese Datei aus. Es gibt keine Datenbankabfrage, keinen PHP-Prozess und keine Wartezeit auf eine Template-Engine. Der Gegenentwurf ist [Server-Side Rendering](/glossar/ssr), bei dem das HTML pro Anfrage frisch entsteht, und das reine **Client-Side Rendering**, bei dem der Browser erst JavaScript lädt und die Seite selbst zusammenbaut. Frameworks wie [Next.js](/glossar/nextjs) erlauben es, diese Modelle **pro Seite** zu mischen: Die Leistungsseite ist statisch, ein Kundenbereich serverseitig, ein kleines Widget clientseitig. Der Begriff „statisch“ führt oft in die Irre. Eine statisch generierte Seite ist nicht unbedingt „unbeweglich“: Sie kann Formulare, Animationen, Suchfelder und Live-Daten enthalten. Statisch ist nur, **wann** das Grund-HTML entsteht. ## Wie funktioniert SSG im Ablauf? 1. Inhalte liegen als Dateien, in einem CMS oder einer Datenbank vor. 2. Der Build ermittelt alle Routen, lädt die Daten und rendert HTML. 3. Die Ausgabe — HTML, CSS, JavaScript, Bilder — wird auf eine Hosting-Plattform wie [Vercel](/glossar/vercel) hochgeladen. 4. Das CDN verteilt die Dateien an viele Standorte; Anfragen werden aus dem Cache beantwortet. 5. Bei neuem Inhalt läuft ein neuer Build, oder [ISR](/glossar/isr) erneuert einzelne Seiten im Hintergrund. Der Preis ist **Aktualitätslatenz**: Zwischen Redaktionsänderung und Sichtbarkeit liegt ein Build. Bei Marketingseiten ist das unkritisch. Bei Preislisten, Lagerbeständen oder Newsfeeds nutzt man ISR oder holt die Daten live nach. ## Warum ist SSG für Core Web Vitals und KI relevant? Weil das HTML schon fertig ist, sind Antwortzeit und **Time to First Byte** minimal — das schafft die Grundlage für gute [Core Web Vitals](/glossar/core-web-vitals). Der größte sichtbare Inhaltsblock steht ohne Umwege im Dokument; Layout-Sprünge entstehen seltener, weil keine Skripte den Aufbau verzögern. Für Crawler und KI-Systeme ist die Wirkung noch größer. Viele KI-Crawler führen kein oder nur begrenzt JavaScript aus. Eine statisch generierte Seite zeigt Texte, Überschriften, FAQ und strukturierte Daten direkt im ersten Response. Das ist die Voraussetzung für [Extrahierbarkeit](/glossar/extrahierbarkeit) und damit dafür, dass du in Antworten [zitiert](/glossar/zitation) werden kannst. Pagebuilder-Seiten, die Inhalte erst per Skript aufbauen, scheitern genau hier. ## Wann passt SSG — und wann nicht? **Gut geeignet:** Unternehmens- und Leistungsseiten, Blog und Fachartikel, Themen- und Regionshubs, Glossare, Landingpages, Dokumentation. **Nur mit Ergänzung:** Seiten mit Nutzer-Login, Warenkorb, individuellen Preisen oder Echtzeitdaten. Hier kombinierst du eine statische Hülle mit serverseitigen oder clientseitigen Datenabrufen. **Ungeeignet allein:** Millionen von Seiten, die sich stündlich ändern — dort wären Builds zu lang. Genau dafür gibt es ISR und SSR. ## Wie setzt Modern Stack SSG ein? Die meisten öffentlichen Seiten von Modern Stack — Startseite, Leistungsseiten, Themen, Regionen, Glossar — sind statisch generiert und liegen am Edge von [Vercel](/glossar/vercel). Inhalte stammen aus gepflegten Katalogdateien; bei jedem Content-Update läuft ein neuer Deploy. Für Bereiche mit Daten, etwa Anfragen oder individuelle Berichte, nutzen wir serverseitiges Rendering. Diese Mischung beschreiben wir ausführlich im Thema [SSR/SSG-Stack](/themen/ssr-ssg-stack). Nach einer [WordPress-Migration](/themen/wordpress-migration) ist der Unterschied messbar: weniger Server-Last, kürzere Ladezeiten und HTML, das Maschinen ohne Umwege lesen. ## Verwandte Themen - [SSR](/glossar/ssr) - [Next.js](/glossar/nextjs) - [Core Web Vitals](/glossar/core-web-vitals) - [SSR/SSG-Stack](/themen/ssr-ssg-stack) - [CDN](/glossar/cdn) - [Crawlability](/glossar/crawlability) - [ISR](/glossar/isr) ## Quellen - [web.dev — Rendering on the Web](https://web.dev/articles/rendering-on-the-web) — Google web.dev; Vergleicht statisches Rendering, SSR und Client-Rendering mit Auswirkungen auf Performance und SEO. - [Next.js — Static Exports](https://nextjs.org/docs/app/guides/static-exports) — Next.js; Herstellerdokumentation zur statischen Erzeugung von Seiten. - [Next.js — Incremental Static Regeneration](https://nextjs.org/docs/app/guides/incremental-static-regeneration) — Next.js; Beschreibt, wie statische Seiten ohne vollständigen Rebuild aktualisiert werden. - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) — Modern Stack; Praxis, wie wir Rendering-Modelle für Marketing-Webseiten kombinieren. ## FAQ ### Wie werden Änderungen bei SSG sichtbar? Durch einen neuen Build und Deploy oder durch Incremental Static Regeneration (ISR), die einzelne Seiten im Hintergrund neu erzeugt. Für Redaktions- und Marketingseiten ist der Content-Deploy der Normalfall. ### Geht SSG mit Formularen und dynamischen Funktionen? Ja. Die Seite ist statisch, das Formular sendet seine Daten an eine Server-Funktion oder API. Auch kleine interaktive Bausteine laufen als Client-Komponenten, ohne dass die ganze Seite dynamisch werden muss. ### Ist SSG besser als SSR? Nicht grundsätzlich, aber für Inhalte, die für alle gleich sind, meist einfacher, schneller und günstiger. SSR lohnt sich bei Personalisierung oder Daten, die sich ständig ändern. ## Related - [SSR](https://modern-stack.de/glossar/ssr) - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) - [ISR](https://modern-stack.de/glossar/isr) - [Next.js](https://modern-stack.de/glossar/nextjs) - [Crawlability](https://modern-stack.de/glossar/crawlability) - [Core Web Vitals](https://modern-stack.de/glossar/core-web-vitals) - [CDN](https://modern-stack.de/glossar/cdn) ## Inline Entity Mentions - [[entity:crawlability]] → https://modern-stack.de/themen/crawlability - [[entity:lcp]] → https://modern-stack.de/themen/lcp - [[entity:ssr]] → https://modern-stack.de/themen/ssr - [[entity:isr]] → https://modern-stack.de/themen/isr - [[entity:cdn]] → https://modern-stack.de/themen/cdn - [[entity:nextjs]] → https://modern-stack.de/themen/nextjs - [[entity:vercel]] → https://modern-stack.de/themen/vercel - [[entity:core-web-vitals]] → https://modern-stack.de/themen/core-web-vitals - [[entity:extrahierbarkeit]] → https://modern-stack.de/themen/extrahierbarkeit - [[entity:zitation]] → https://modern-stack.de/themen/zitation - [[entity:ssr-ssg-stack]] → https://modern-stack.de/themen/ssr-ssg-stack - [[entity:wordpress-migration]] → https://modern-stack.de/themen/wordpress-migration ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://modern-stack.de/#website", "url": "https://modern-stack.de", "name": "Modern Stack", "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://modern-stack.de/#organization" }, "inLanguage": "de-DE" }, { "@type": [ "Organization", "ProfessionalService" ], "@id": "https://modern-stack.de/#organization", "name": "Modern Stack", "legalName": "Modern Stack", "url": "https://modern-stack.de", "logo": "https://modern-stack.de/brand/logo.png", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack", "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "foundingLocation": { "@type": "Place", "name": "Bad Schönborn, Deutschland" }, "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressRegion": "Baden-Württemberg", "addressCountry": "DE" }, "geo": { "@type": "GeoCoordinates", "latitude": 49.22167, "longitude": 8.65734 }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "knowsAbout": [ "Webseite-Modernisierung", "WordPress-Migration", "Generative Engine Optimization", "Lokale Sichtbarkeit Bad Schönborn" ], "founder": { "@id": "https://modern-stack.de/#person" } }, { "@type": "Person", "@id": "https://modern-stack.de/#person", "name": "Steve Baka", "jobTitle": "Gründer, Modern Stack", "url": "https://stevebaka.de", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://modern-stack.de/#organization" }, "knowsAbout": [ "Webseite-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://modern-stack.de/glossar/ssg#webpage", "url": "https://modern-stack.de/glossar/ssg", "name": "SSG erklärt — Static Site Generation für Webseiten | Modern Stack", "description": "Was SSG ist, wie statisches Rendering funktioniert, wann es sich lohnt und wann SSR oder ISR besser passen — mit Praxis für schnelle, KI-lesbare Seiten.", "isPartOf": { "@id": "https://modern-stack.de/#website" }, "about": { "@id": "https://modern-stack.de/glossar/ssg#main" }, "breadcrumb": { "@id": "https://modern-stack.de/glossar/ssg#breadcrumb" }, "dateModified": "2026-10-06T18:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssg#main", "name": "SSG erklärt — Static Site Generation für Webseiten", "headline": "SSG erklärt — Static Site Generation für Webseiten", "alternateName": "SSG", "description": "SSG (Static Site Generation) erzeugt das fertige HTML jeder Seite einmal beim Build, nicht bei jedem Aufruf. Die Dateien lassen sich über ein CDN ausliefern — schnell, robust und für Crawler direkt lesbar.", "abstract": [ { "@value": "SSG (Static Site Generation) erzeugt das fertige HTML jeder Seite einmal beim Build, nicht bei jedem Aufruf. Die Dateien lassen sich über ein CDN ausliefern — schnell, robust und für Crawler direkt lesbar.", "@language": "de" }, { "@value": "SSG (Static Site Generation) builds the finished HTML of each page once at build time rather than on every request. The files can be served from a CDN — fast, robust and directly readable by crawlers.", "@language": "en" } ], "url": "https://modern-stack.de/glossar/ssg", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-08-31T18:00:00+00:00", "dateModified": "2026-10-06T18:00:00+00:00", "author": { "@id": "https://modern-stack.de/#person" }, "publisher": { "@id": "https://modern-stack.de/#organization" }, "mainEntityOfPage": { "@id": "https://modern-stack.de/glossar/ssg#webpage" }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".gb-direct-answer", ".gb-faq-answer" ] }, "encoding": { "@type": "MediaObject", "encodingFormat": "text/markdown", "name": "English direct answer", "text": "Static Site Generation renders pages to HTML at build time and serves the resulting files, usually from a CDN. It gives fast first bytes, low server load and complete HTML for crawlers and AI agents. It suits content that changes rarely; updates arrive via rebuild or incremental regeneration." }, "citation": [ "https://web.dev/articles/rendering-on-the-web", "https://nextjs.org/docs/app/guides/static-exports", "https://nextjs.org/docs/app/guides/incremental-static-regeneration", "https://modern-stack.de/themen/ssr-ssg-stack" ], "mentions": [ { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssr#main", "name": "SSR", "alternateName": "Server-Side Rendering", "url": "https://modern-stack.de/glossar/ssr" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/ssr-ssg-stack#main", "name": "SSR/SSG-Stack", "alternateName": "SSR/SSG stack", "url": "https://modern-stack.de/themen/ssr-ssg-stack" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/isr#main", "name": "ISR", "alternateName": "Incremental Static Regeneration", "url": "https://modern-stack.de/glossar/isr" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/nextjs#main", "name": "Next.js", "alternateName": "Next.js", "url": "https://modern-stack.de/glossar/nextjs" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/crawlability#main", "name": "Crawlability", "alternateName": "Crawlability", "url": "https://modern-stack.de/glossar/crawlability" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/core-web-vitals#main", "name": "Core Web Vitals", "alternateName": "Core Web Vitals", "url": "https://modern-stack.de/glossar/core-web-vitals" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/cdn#main", "name": "CDN", "alternateName": "Content Delivery Network", "url": "https://modern-stack.de/glossar/cdn" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/lcp#main", "name": "LCP", "alternateName": "Largest Contentful Paint", "url": "https://modern-stack.de/glossar/lcp" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/vercel#main", "name": "Vercel", "alternateName": "Vercel", "url": "https://modern-stack.de/glossar/vercel" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/extrahierbarkeit#main", "name": "Extrahierbarkeit", "alternateName": "Extractability", "url": "https://modern-stack.de/glossar/extrahierbarkeit" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/zitation#main", "name": "Zitation", "alternateName": "Citation", "url": "https://modern-stack.de/glossar/zitation" }, { "@type": "Service", "@id": "https://modern-stack.de/themen/wordpress-migration#main", "name": "WordPress-Migration", "alternateName": "WordPress migration", "url": "https://modern-stack.de/themen/wordpress-migration" } ], "inDefinedTermSet": "https://modern-stack.de/glossar" }, { "@type": "BreadcrumbList", "@id": "https://modern-stack.de/glossar/ssg#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://modern-stack.de/" }, { "@type": "ListItem", "position": 2, "name": "Glossar", "item": "https://modern-stack.de/glossar" }, { "@type": "ListItem", "position": 3, "name": "SSG", "item": "https://modern-stack.de/glossar/ssg" } ] }, { "@type": "FAQPage", "@id": "https://modern-stack.de/glossar/ssg#faq", "mainEntity": [ { "@type": "Question", "name": "Wie werden Änderungen bei SSG sichtbar?", "acceptedAnswer": { "@type": "Answer", "text": "Durch einen neuen Build und Deploy oder durch Incremental Static Regeneration (ISR), die einzelne Seiten im Hintergrund neu erzeugt. Für Redaktions- und Marketingseiten ist der Content-Deploy der Normalfall." } }, { "@type": "Question", "name": "Geht SSG mit Formularen und dynamischen Funktionen?", "acceptedAnswer": { "@type": "Answer", "text": "Ja. Die Seite ist statisch, das Formular sendet seine Daten an eine Server-Funktion oder API. Auch kleine interaktive Bausteine laufen als Client-Komponenten, ohne dass die ganze Seite dynamisch werden muss." } }, { "@type": "Question", "name": "Ist SSG besser als SSR?", "acceptedAnswer": { "@type": "Answer", "text": "Nicht grundsätzlich, aber für Inhalte, die für alle gleich sind, meist einfacher, schneller und günstiger. SSR lohnt sich bei Personalisierung oder Daten, die sich ständig ändern." } } ] } ] } ```