Dies sind die drei Hauptstrategien für wann der HTML einer Seite generiert wird. Die Wahl der richtigen Strategie pro Seite balanciert Aktualität, Leistung und Serverkosten.
() {
posts = (, { : }).( r.());
;
}
Die Seite wird zur Build-Zeit in statisches HTML vorgerendert und auf einem CDN gecacht. Schnellstmögliche Auslieferung, aber der Inhalt ist bis zum nächsten Build eingefroren. Beste für Inhalte, die sich selten ändern: Marketing-Seiten, Dokumentation, Blog-Beiträge.
// HTML generated FRESH on every request
export default async function Page() {
const data = await fetch("...", { cache: "no-store" }).then(r => r.json());
return <Dashboard data={data} />;
}
Der Server rendert die Seite pro Anfrage, also sind die Daten immer aktuell — auf Kosten langsamerer Antworten und Serverauslastung bei jedem Besuch. Beste für personalisierte oder immer aktuelle Daten: Dashboards, Kontoseiten, Suchergebnisse.
// Static, but automatically rebuilt in the background every N seconds
export const revalidate = 60; // regenerate at most once per 60s
export default async function Page() {
const products = await fetch("...", { next: { revalidate: 60 } }).then(r => r.json());
return <Products items={products} />;
}
ISR serviert statisches HTML (schnell, CDN-gecacht) revalidiert es aber im Hintergrund nach Plan — so erhältst du statische Leistung mit periodisch aktualisierten Daten, ohne die gesamte Website neu zu erstellen. Beste für Inhalte, die sich gelegentlich ändern: Produktlisten, Nachrichten, Ranglisten.
Speed Freshness Server cost Use for
SSG fastest build-time only none docs, marketing
SSR slower always fresh every request dashboards, personalized
ISR fast every N seconds occasional catalogs, news
Im App Router wählst du diese pro Fetch über Cache-Optionen (force-cache = SSG, no-store = SSR, revalidate = ISR) statt über spezielle Funktionen.
Das Verständnis des Trade-offs — statisch ist am schnellsten aber veraltet, SSR ist aktuell aber teuer, ISR balanciert beide — ermöglicht es dir, jede Seite für die richtige Mischung aus Leistung und Datenfriertheit zu optimieren.