Recursos

Incremental Static Regeneration

A Complete Guide To Incremental Static Regeneration (ISR) With Next.js - Smashing Magazine

Apuntes

• Incremental Static Site Generation te ermite poder crear nuevas páginas bajo demanda sin tener que volver a compilar la aplicacion otra vez
• Puedes generar un conjunto de páginas iniciales, y dejar otras por generar bajo demanda del usuario

• Lo que nos permite tener:
  • Compilaciones mucho más rápidas ⇒ Debido a que no tendrás que compilar todas las páginas al momento de correr el comando de compilación
  • Poder refrescar la información cada cierto tiempo

Estrategias de generación

Debido a que Next.js te permite compilar previamente un conjunto de páginas que tú como desarrolladora puedes definir. Existen diferentes formas de usar esta característica del framework, las cuales puedes configurar al momento de devolver el objeto de configuración en getStaticPaths

• fallback: blocking Cuando se requiera una página que no se generó anteriormente ya sea en build time o bajo demanda, lo que hará Next.js será inmediatamente generar la página y mandarla al usuario
• fallback: true Cuando se requiera una página que no se generó anteriormente ya sea en build time o bajo demanda, lo que hará Next.js será inmediatamente mandar una página estática de carga al usuario y mandarla al usuario. Posteriormente, cuando esté lista la página se volverá a renderizar con la página generada

Enfoque stale-while-revalidate

Consiste en el siguiente procedimiento

1. Generación de páginas (build)
2. Respuesta desde el caché

En caso de nuevo contenido:

1. Nueva página (background)
2. Respuesta de página vieja
3. Respuesta con la nueva página

Este enfoque se conoce por:

• Stale ⇒ Respondiendo con las páginas que están en caché
• while - revalidate ⇒ Next.js estará mirando que tiene que cambiar, actualizar y responderá con páginas vencidas o cache
• Cabe aclarar que las actualizaciones sucederán en segundo plano, lo importante es la información que tan actualizada este para el usuario

<aside> 📌 RESUMEN: Con ISSG puedes generar páginas bajo demanda, las cuales pueden estar generadas mediante dos estrategias de forma bloqueante y de la forma en que el usuario esta consiente del estado de carga. También puedes configurar una página de tal manera que cada cierto tiempo se actualice, esta técnica usa el enfoque state-while-revalidate, en la cual Next.js estará mirando que tiene que cambiar, actualizar y respondiendo con páginas guardadas en caché.

</aside>