Acestea sunt cele trei strategii principale pentru când este generată HTML-ul unei pagini. Alegerea celei corecte pentru fiecare pagină echilibrează prospețimea, performanța și costul serverului.
() {
posts = (, { : }).( r.());
;
}
Pagina este pre-randată în HTML static la build și stocată în cache pe un CDN. Livrare cea mai rapidă posibilă, dar conținutul este înghețat până la următorul build. Cel mai bun pentru conținut care se schimbă rar: pagini de marketing, documentație, articole de blog.
// 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} />;
}
Serverul randează pagina la fiecare cerere, deci datele sunt întotdeauna actuale — cu costul răspunsurilor mai lente și încărcării serverului la fiecare vizită. Cel mai bun pentru date personalizate sau întotdeauna actuale: tablouri de bord, pagini de cont, rezultate de căutare.
// 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 servește HTML static (rapid, stocat în cache CDN), dar îl revalidează în fundal conform unui program — pentru a obține performanța statică cu date periodic actualizate, fără a reconstrui întregul site. Cel mai bun pentru conținut care se schimbă ocazional: listări de produse, știri, clasamente.
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
În App Router alegeți aceste opțiuni pe fetch prin opțiuni de cache (force-cache = SSG, no-store = SSR, revalidate = ISR) mai degrabă decât funcții speciale.
Înțelegerea compromisului — static este cel mai rapid dar învechit, SSR este proaspăt dar costisitor, ISR echilibrează ambele — vă permite să optimizați fiecare pagină pentru combinația corectă de performanță și prospețimea datelor.