Hizi ndizo stratehemu tatu kuu za wakati HTML ya ukurasa inazaliwa. Kuchagua sahihi kwa kila ukurasa kusawazisha uzesha, utendaji, na gharama ya seva.
() {
posts = (, { : }).( r.());
;
}
Ukurasa unazaliwa önceden kuwa HTML tuli wakati wa kujenga na kuhifadhiwa kwenye CDN. Haraka zaidi inayowezekana ya kumkabili, lakini maudhui yamefungwa hadi kujenga kwa mwingine. Nzuri zaidi kwa maudhui yanayobadilika chache: kurasa za biashara, nyaraka, machapisho ya blogu.
// 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} />;
}
Seva inazaliwa ukurasa kwa kila ombi, hivyo data daima ni sasa — kwa bei ya miji yenye polepole na mzigo wa seva kwa kila mtembezi. Nzuri zaidi kwa data inayojifanya au daima safi: dashboard, kurasa za akaunti, matokeo ya utafutaji.
// 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 inatumia HTML tuli (kwa kasi, hifadhiwa kwenye CDN) lakini inakataa katika usuli kulingana na ratiba — hivyo unakuwa na utendaji tuli na data inayosafisha mara kwa mara, bila kujenga upya tovuti nzima. Nzuri zaidi kwa maudhui yanayobadilika wakati mwingine: orodha za bidhaa, habari, meza za kuingisha.
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
Katika App Router unachagua hizi kwa kila burudani kupitia chaguzi za cache (force-cache = SSG, no-store = SSR, revalidate = ISR) badala ya kazi maalum.
Kuelewa mgogoro — tuli ni kwa kasi lakini stale, SSR ni safi lakini ghali, ISR inaundwa — kunakuwezesha kuboreshwa kila ukurasa kwa mchanganyiko sahihi wa utendaji na ufupi wa data.