Tai yra trys pagrindinės strategijos, nustatančios kada generuojamas puslapio HTML. Tinkamo varianto pasirinkimas kiekvienam puslapiui subalansuoja turinio aktualumą, našumą ir serverio išlaidas.
() {
posts = (, { : }).( r.());
;
}
Puslapiai yra iš anksto renkami į statinį HTML sudarymo metu ir kešuojami CDN. Greičiausias galimas pristatymas, tačiau turinys užšaldomas kol nebus sudaryta iš naujo. Geriausias pasirinkimas turiniui, kuris retai keičiasi: rinkodaros puslapiai, dokumentacija, tinklaraštio straipsniai.
// 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} />;
}
Serveris rendia puslapį su kiekviena užklausa, todėl duomenys visada aktualūs — dėl atsakymų sulėtėjimo ir serverio apkrovos su kiekvienu lankymu. Geriausias pasirinkimas personalizuotiems arba visada aktualiems duomenims: valdymo skydai, paskyros puslapiai, paieškos rezultatai.
// 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 pateikia statinį HTML (greitą, CDN-kešuotą), tačiau revaliduoja jį fone pagal grafiką — todėl gaunate statinio turinio greitumą su periodiškai aktualizuotais duomenimis, be visos svetainės perpildymo. Geriausias pasirinkimas turiniui, kuris keičiasi kartais: produktų sąrašai, naujienos, lyderių lentelės.
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 Router'yje šiuos variantus pasirenkate pagal užklausą naudodami kešavimo parinktis (force-cache = SSG, no-store = SSR, revalidate = ISR), o ne specialias funkcijas.
Supratę kompromisą — statinis turinys yra greičiausias bet pasenęs, SSR yra aktualus bet brangus, ISR subalansuoja abu — galite optimizuoti kiekvieną puslapį tinkamam našumo ir duomenų aktualumo deriniui.