Essas são as três estratégias principais para quando o HTML de uma página é gerado. Escolher a correta por página equilibra atualização, desempenho e custo do servidor.
() {
posts = (, { : }).( r.());
;
}
A página é pré-renderizada em HTML estático durante o build e armazenada em cache em um CDN. Entrega mais rápida possível, mas o conteúdo fica congelado até o próximo build. Melhor para conteúdo que muda raramente: páginas de marketing, documentação, posts de 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} />;
}
O servidor renderiza a página a cada requisição, então os dados estão sempre atualizados — ao custo de respostas mais lentas e carga do servidor em cada visita. Melhor para dados personalizados ou sempre atualizados: dashboards, páginas de conta, resultados de busca.
// 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 fornece HTML estático (rápido, em cache no CDN), mas o revalida em segundo plano em um cronograma — para que você obtenha desempenho estático com dados periodicamente atualizados, sem reconstruir todo o site. Melhor para conteúdo que muda ocasionalmente: listagens de produtos, notícias, leaderboards.
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
No App Router você escolhe essas opções por busca por meio de opções de cache (force-cache = SSG, no-store = SSR, revalidate = ISR) em vez de funções especiais.
Compreender o trade-off — estático é o mais rápido mas desatualizado, SSR é atualizado mas custoso, ISR equilibra ambos — permite que você otimize cada página para a combinação certa de desempenho e atualização de dados.