Këto janë tre strategjitë kryesore për kur gjenerohet HTML i një faqeje. Zgjedhja e asaj të duhur për secilën faqe balancoi freskine, performancën dhe koston e serverit.
() {
posts = (, { : }).( r.());
;
}
Faqja është para-renderuar në HTML statik gjatë ndërtimit dhe e ruajtur në cache në një CDN. Shpërndarje më e shpejta e mundshme, por përmbajtja është e ngrirë derisa ndërtimi tjetër. Më mirë për përmbajtje që ndryshon rrallë: faqet e tregëtimit, dokumentacioni, postimet në 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} />;
}
Serveri renderua faqen për çdo kërkesë, kështu që të dhënat janë gjithmonë të reja — me koston e përgjigjeve më të ngadalta dhe ngarkesës së serverit në çdo vizitë. Më mirë për të dhëna të personalizuara ose gjithmonë të freskëta: panelet e kontrollit, faqet e llogarisë, rezultatet e kërkimit.
// 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 shërben HTML statik (shpejt, i ruajtur në cache në CDN), por revalida atë në sfond sipas një orari — kështu që ju merrni performancën statike me të dhëna periodikisht të freskëta, pa rindërtuar të gjithë faqen e internetit. Më mirë për përmbajtje që ndryshon herë pas here: listat e produkteve, lajmet, tabelat e renditjeve.
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 ju zgjidhni këto për çdo fetch përmes opsioneve cache (force-cache = SSG, no-store = SSR, revalidate = ISR) në vend të funksioneve të veçanta.
Kuptimi i kompromisit — statiku është më i shpejt por i vjetër, SSR është i freskë por i shtrenjtë, ISR balancoi të dyja — ju lejon të optimizoni çdo faqe për përzierjën e duhur të performancës dhe freskisë së të dhënave.