Ovo su tri glavne strategije za kada se HTML stranice generiše. Izbor odgovarajuće za svaku stranicu uravnotežava svežinu, performanse i troškove servera.
() {
posts = (, { : }).( r.());
;
}
Stranica se pre-renderira u statički HTML tijekom builda i cachira se na CDN-u. Brže moguće isporučivanje, ali je sadržaj fiksiran dok se sljedeći put ne izvede build. Najbolje za sadržaj koji se rijetko mijenja: marketinške stranice, dokumentacija, blog članci.
// 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} />;
}
Server renderira stranicu pri svakom zahtjevu, pa su podaci uvijek trenutni — na račun sporijih odgovora i učitavanja servera pri svakom posjetilištu. Najbolje za personalizirane ili uvijek-nove podatke: kontrolne ploče, stranice računa, rezultate pretraživanja.
// 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 koristi statički HTML (brz, cachiran na CDN-u) ali revalidira ga u pozadini po rasporedu — pa dobijate statičke performanse s povremeno svježim podacima, bez potrebe za ponovnom gradnjom cijele web-stranice. Najbolje za sadržaj koji se povremeno mijenja: popise proizvoda, novosti, ljestvice.
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
U App Routeru birате ove opcije po fetch-u kroz mogućnosti cachiranja (force-cache = SSG, no-store = SSR, revalidate = ISR) umjesto specijalnih funkcija.
Razumijevanje kompromisa — statički je brži ali застарјео, SSR je svježi ali skupi, ISR uravnotežava oboje — omogućuje vam da optimizirate svaku stranicu za pravi balans performansi i svježine podataka.