¿Qué es la regeneración estática incremental (ISR)?

La regeneración estática incremental, abreviada ISR, es una estrategia de renderizado que combina la velocidad de las páginas estáticas con la frescura del contenido renderizado en servidor. Las páginas se sirven desde una caché, y las páginas individuales pueden regenerarse en segundo plano según demanda o según una programación, sin reconstruir todo el sitio.

Definición

ISR fue popularizada por frameworks como Next.js. Una página se genera una vez y se guarda en caché. Tras un intervalo de revalidación configurado, la siguiente solicitud dispara un nuevo renderizado en segundo plano mientras la versión anterior sigue sirviendo tráfico. Una vez que la nueva versión está lista, sustituye a la copia en caché. La revalidación disparada por webhook permite que sistemas upstream invaliden páginas específicas cuando los datos cambian.

Por qué importa

ISR se ajusta a la realidad de los catálogos de comercio a gran escala. Una reconstrucción completa de un sitio con cientos de miles de páginas de producto es poco práctica, pero la mayoría de las páginas no cambian cada minuto. ISR mantiene los tiempos de build razonables, las páginas rápidas y el contenido razonablemente fresco, con la opción de forzar una actualización ante cambios críticos como precio o stock.

Casos de uso

Los usos típicos incluyen páginas de detalle de producto con contenido moderadamente estable, páginas de categoría, hubs de contenido y landing pages de SEO. Combinada con el edge caching, ISR ofrece un rendimiento casi estático con una frescura casi en tiempo real. En un storefront composable, las regeneraciones se disparan mediante webhooks desde el PIM, el motor de comercio y el CMS, de modo que la capa estática se mantenga alineada con los cambios upstream.

Relacionado

Explora Composable Headless Frontend · Performance and Core Web Vitals.