Queste sono le tre strategie principali per quando viene generato l'HTML di una pagina. Scegliere quella giusta per ogni pagina equilibra freschezza, prestazioni e costi del server.
() {
posts = (, { : }).( r.());
;
}
La pagina viene pre-renderizzata in HTML statico al build e cachata su una CDN. Consegna più veloce possibile, ma il contenuto è bloccato fino al prossimo build. Ideale per contenuti che cambiano raramente: pagine di marketing, documentazione, articoli di 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} />;
}
Il server renderizza la pagina per ogni richiesta, quindi i dati sono sempre attuali — al costo di risposte più lente e carico sul server ad ogni visita. Ideale per dati personalizzati o sempre freschi: dashboard, pagine account, risultati di ricerca.
// 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 serve HTML statico (veloce, cachato su CDN) ma lo rivalida in background secondo una pianificazione — quindi ottieni prestazioni statiche con dati periodicamente freschi, senza ricostruire l'intero sito. Ideale per contenuti che cambiano occasionalmente: listini prodotti, notizie, classifiche.
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
Nell'App Router scegli questi per-fetch tramite opzioni di cache (force-cache = SSG, no-store = SSR, revalidate = ISR) piuttosto che funzioni speciali.
Comprendere il compromesso — lo statico è il più veloce ma obsoleto, SSR è fresco ma costoso, ISR bilancia entrambi — ti permette di ottimizzare ogni pagina per il giusto equilibrio tra prestazioni e freschezza dei dati.