Was ist Incremental Static Regeneration (ISR)?

Incremental Static Regeneration ist eine Hybrid-Rendering-Strategie, die die Geschwindigkeit von static-site-generation mit der Aktualität von server-side-rendering-ssr verbindet. Seiten werden vorgerendert, am Edge gecached und nach konfigurierbarem TTL oder per Webhook im Hintergrund neu gebaut. Für große Headless-Kataloge ist ISR das Arbeitstier.

Definition

Bei ISR liefert der erste Request einer Route das gecachte statische HTML aus, während im Hintergrund eine Regeneration eine neue Version erzeugt. Folgerequests bekommen die aktualisierte Seite, sobald sie bereit ist. Next.js hat ISR mit Revalidate-Intervallen und On-Demand-Revalidation per Webhook bekannt gemacht, ähnliche Modelle gibt es in Nuxt, SvelteKit und Astro. Das gecachte HTML liegt am Edge eines content-delivery-network-cdn oder in einem Edge-Worker wie Vercel Edge oder Cloudflare Workers, sodass die TTFB nahe an purem SSG liegt.

Warum es zählt

Bei Commerce-Sites mit Millionen PDPs ist ein kompletter Build unpraktikabel und ein voller Rebuild bei jeder Content-Änderung verschwenderisch. ISR behandelt den Katalog als evolvierendes Dataset: Hochfrequente Seiten bleiben warm im Cache, kalte werden on demand regeneriert, und Updates zu Preisen oder Lager propagieren in Sekunden über Revalidation-Hooks. Das ergibt exzellente LCP- und TTFB-Werte im Long Tail, ohne die redaktionelle Agilität eines Headless-CMS aufzugeben und mit planbaren Infrastrukturkosten.

Anwendungsfälle

composable-commerce-Stacks nutzen ISR für Kategorie- und Produktseiten mit häufigen Preis-, Badge- und Lageränderungen, wenn Personalisierung nicht zwingend ist. Typischer Flow: Hygraph, Contentful oder Sanity emittieren webhooks beim Publish, die Storefront in Next.js oder Nuxt revalidiert die betroffenen Slugs auf Vercel oder Netlify, und das neue HTML rollt über das Edge-Netz. Häufig wird ISR mit Edge Rendering für personalisierte Fragmente und mit image-optimization-Pipelines kombiniert, damit statische Shells cachebar bleiben. Bei der Migration von monolithic-architecture zu headless-commerce stabilisiert ISR Performance-Budgets während des Rollouts.

Verwandt

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