Incremental Static Regeneration (ISR)

Incremental Static Regeneration ist eine Next.js-Innovation, die den Trade-off zwischen Static Site Generation (schnell, aber veraltet) und Server-Side Rendering (aktuell, aber langsam) aufloest. Mit ISR werden Seiten statisch generiert, bleiben aber nicht fuer immer dieselben -- sie werden nach einer konfigurierbaren Zeit (revalidate) automatisch neu gebaut.

Das Prinzip: Beim ersten Request nach Ablauf des Revalidation-Timers liefert Next.js die alte Version stale (schnell), triggert im Hintergrund einen Neubau der Seite, und nachfolgende Requests bekommen die neue Version. Der Nutzer wartet nie auf einen Rebuild -- Stale-While-Revalidate heisst das Pattern.

Typische Anwendungsfaelle: Blog-Artikel (revalidate: 3600 -- stuendlich), Produktseiten in E-Commerce-Shops (revalidate: 600 -- 10 min), Event-Listings (revalidate: 900 -- 15 min), News-Artikel (revalidate: 300 -- 5 min).

Fuer Alunah-Kunden ist ISR ideal fuer Websites mit semi-dynamischem Content: Ein Immobilienmakler hat 500 Angebote, die sich selten aendern, aber neue werden taeglich hinzugefuegt. Statt bei jedem Besuch den Server zu fragen oder alle 500 Seiten stuendlich neu zu bauen, revalidiert ISR nur geaenderte Seiten.

Der Performance-Vorteil gegenueber klassischem SSR ist massiv: 99 % der Besucher bekommen statische, CDN-gecachte HTML in unter 100 ms. Nur der eine Request pro Revalidation-Zyklus triggert Server-Arbeit. Bei 1000 Besuchern pro Stunde und revalidate: 3600 heisst das: 1 Server-Render pro Stunde statt 1000.

Technisch implementiert ISR sich als export const revalidate = 3600 in Next.js Page-Components. On-Demand-Revalidation (revalidatePath / revalidateTag) erlaubt zudem, spezifische Seiten nach CMS-Updates sofort neu zu bauen -- z.B. nach Publizieren eines neuen Blog-Artikels.