Nämä ovat kolme päästrategiaa sivun HTML:n luontiajankohdalle. Oikean strategian valitseminen jokaiselle sivulle tasapainottaa tuoreuteen, suorituskykyyn ja palvelinkustannuksiin.
() {
posts = (, { : }).( r.());
;
}
Sivu esikäsitellään staattiseksi HTML:ksi build-aikana ja välimuistetaan CDN:ään. Mahdollisimman nopea toimitus, mutta sisältö on jäädytetty seuraavaan buildiin asti. Paras sisällölle, joka muuttuu harvoin: markkinointisivut, dokumentaatio, blogikirjoitukset.
// 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} />;
}
Palvelin käsittelee sivua pyynnölle, joten tiedot ovat aina ajan tasalla — hitaampien vastausten ja palvelinkuorman kustannuksella jokaisella käynnillä. Paras henkilökohtaiselle tai aina-tuoreelle datalle: kojelaudat, tiliisivut, hakutulokset.
// 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 tarjoilee staattista HTML:ää (nopea, CDN-välimuistissa) mutta uudelleenvalidoi sen taustalla aikataulun mukaan — joten saat staattista suorituskykyä säännöllisesti tuoreen datan kanssa ilman koko sivuston uudelleenrakentamista. Paras sisällölle, joka muuttuu ajoittain: tuoteluettelot, uutiset, rankinglistat.
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
App Routerissa valitset nämä fetch-kohtaisesti välimuistivaihtoehdoista (force-cache = SSG, no-store = SSR, revalidate = ISR) eikä erityisistä funktioista.
Ymmärtämällä kompromissin — staattinen on nopein mutta vanhentunut, SSR on tuore mutta kallis, ISR tasapainottaa molempia — voit optimoida jokaisen sivun oikealle suorituskyvyn ja datatarkkuuden yhdistelmälle.