Estas son las tres estrategias principales para cuándo se genera el HTML de una página. Elegir la correcta para cada página equilibra la actualización, el rendimiento y el costo del servidor.
() {
posts = (, { : }).( r.());
;
}
La página se pre-renderiza a HTML estático en el build y se almacena en caché en un CDN. Entrega lo más rápido posible, pero el contenido se congela hasta el próximo build. Mejor para contenido que rara vez cambia: páginas de marketing, documentación, publicaciones 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} />;
}
El servidor renderiza la página por solicitud, por lo que los datos siempre son actuales — al costo de respuestas más lentas y carga del servidor en cada visita. Mejor para datos personalizados o siempre frescos: dashboards, páginas de cuenta, resultados de búsqueda.
// 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 sirve HTML estático (rápido, en caché CDN) pero lo revalida en segundo plano según un cronograma — así obtienes rendimiento estático con datos periódicamente frescos, sin necesidad de reconstruir todo el sitio. Mejor para contenido que cambia ocasionalmente: listados de productos, noticias, tablas de clasificación.
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
En App Router eliges estas por fetch mediante opciones de caché (force-cache = SSG, no-store = SSR, revalidate = ISR) en lugar de funciones especiales.
Entender el trade-off — estático es el más rápido pero anticuado, SSR es fresco pero costoso, ISR equilibra ambos — te permite optimizar cada página para la mezcla correcta de rendimiento y actualización de datos.