Dit zijn de drie belangrijkste strategieën voor wanneer de HTML van een pagina wordt gegenereerd. Het kiezen van de juiste per pagina brengt versheid, prestaties en serverkosten in evenwicht.
() {
posts = (, { : }).( r.());
;
}
De pagina wordt bij de build vooraf gerenderd naar statische HTML en in cache opgeslagen op een CDN. Snelste mogelijke levering, maar de inhoud is bevroren tot de volgende build. Het beste voor inhoud die zelden verandert: marketingpagina's, documenten, blogberichten.
// 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} />;
}
De server rendert de pagina per verzoek, dus de gegevens zijn altijd actueel — ten koste van tragere reacties en serverbelasting bij elk bezoek. Het beste voor persoonlijke of altijd actuele gegevens: dashboards, accountpagina's, zoekresultaten.
// 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 serveert statische HTML (snel, in CDN-cache), maar valideert deze opnieuw op de achtergrond volgens een schema — zodat u de snelheid van statische inhoud krijgt met periodiek vernieuwde gegevens, zonder de hele site opnieuw te bouwen. Het beste voor inhoud die af en toe verandert: productlijsten, nieuws, ranglijsten.
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
In de App Router kiest u deze per-fetch via cacheopties (force-cache = SSG, no-store = SSR, revalidate = ISR) in plaats van speciale functies.
Het begrijpen van de afweging — statisch is het snelst maar verouderd, SSR is vers maar duur, ISR brengt beide in balans — stelt u in staat om elke pagina te optimaliseren voor de juiste mix van prestaties en gegevensfreshheid.