Dette er de tre viktigste strategiene for når en sides HTML genereres. Å velge riktig strategi per side balanserer friskhet, ytelse og serverkostnader.
SSG — Static Site Generation (ved byggetid)
tsx
() {
posts = (, { : }).( r.());
;
}
Dette er de tre viktigste strategiene for når en sides HTML genereres. Å velge riktig strategi per side balanserer friskhet, ytelse og serverkostnader.
() {
posts = (, { : }).( r.());
;
}
Siden blir forhåndsrendering til statisk HTML ved bygging og cachet på et CDN. Raskeste mulige levering, men innholdet er fryst til neste bygging. Beste for innhold som sjelden endres: markeringssider, dokumentasjon, blogginnlegg.
// 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} />;
}
Serveren renderer siden per forespørsel, så data er alltid oppdatert — til kostnad for langsommere svar og serverbelastning ved hvert besøk. Beste for personalisert eller alltid oppdatert data: dashbord, kontosider, søkeresultater.
// 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 serverer statisk HTML (rask, cachet på CDN) men validerer den på nytt i bakgrunnen etter en tidsplan — slik at du får statisk ytelse med periodisk frisk data, uten å gjenoppbygge hele nettstedet. Beste for innhold som endres av og til: produktlister, nyheter, ledertavler.
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
I App Router velger du disse per-fetch via cache-alternativer (force-cache = SSG, no-store = SSR, revalidate = ISR) i stedet for spesielle funksjoner.
Å forstå avveiingen — statisk er raskest men foreldet, SSR er frisk men kostbart, ISR balanserer begge — lar deg optimalisere hver side for riktig blanding av ytelse og datafreshhet.