ISR — Velocidad de Sitio Estático con Contenido Siempre Fresco

Definición Simple

ISR (Incremental Static Regeneration, Regeneración Estática Incremental) es una tecnología de Next.js que crea páginas como HTML estático (ultrarrápidas y perfectas para SEO) pero las renueva automáticamente cada cierto tiempo sin recompilar todo el sitio.

Los 3 enfoques de renderizado

| Enfoque | Velocidad | Frescura | SEO | |---|---|---|---| | SSG (estático puro) | 🚀 Máxima | Se actualiza al redeployar | Excelente | | SSR (en cada visita) | Media | En tiempo real | Excelente | | ISR (estático + refresco) | 🚀 Máxima | Se refresca cada X tiempo | Excelente |

ISR gana: velocidad de sitio estático con contenido que no se queda viejo.

Cómo funciona

1. La primera visita genera la página estática y la cachea
2. Las siguientes visitas reciben la versión cacheada (instantánea)
3. Al pasar el tiempo definido (ej. cada hora), la siguiente visita regenera la página en segundo plano
4. Los usuarios siempre ven contenido rápido y razonablemente fresco

Por qué es ideal para SEO y ventas

• Velocidad extrema: el HTML estático carga en milisegundos, noinventa gastos de servidor
• Core Web Vitals impecables: LCP bajo, sin esperas
• Indexación perfecta: Google recibe HTML completo
• Escalable: soporta picos de tráfico sin colapsar
• Económico: menos cómputo que SSR en cada visita

Dónde brilla

• Blogs grandes con cientos de posts (cada post es estático, se refresca solo)
• E-commerce con catálogo extenso
• Páginas de ciudad o landing pages programáticas (cientos de variantes)
• Sitios que actualizan precios o datos periódicamente

ISR es la tecnología que permite tener miles de páginas rápidas sin volver loco al servidor.