Ya se encuentra disponible la version estable** Next.js 9.5** que incluye Incremental Static Regeneration
mas info aqui: https://nextjs.org/blog/next-9-5
Lo básico
Construir una web app con React no es fácil
Nuestro proyecto y lo que necesitaremos
Instalando NextJS
Routing
Rutas básicas
Rutas dinámicas
#UnderTheHood setup y páginas: optimizaciones ocultas
#UnderTheHood páginas: pre rendering de páginas
Enlazando páginas
#UnderTheHood enlazando páginas: prefetching automático
API y Debugging
¿Cómo crear API con NextJS?
Creando y consumiendo nuestra propia API
Extendiendo NextJS
Extendiendo el Document
Extendiendo el App
Path alias
Explora las soluciones de CSS en NextJS y su flexibilidad
Finalizando las páginas
Deployment en Vercel
Utilizando Vercel para hacer Deploy
Data Fetching y Pre-rendering
Introducción a los pre-render modes
#UnderTheHood Server Side Rendering: getServerSideProps
#UnderTheHood Static Generation: getStaticProps
#UnderTheHood Static Dynamic Static Generation: getStaticPaths
Deployment
Otras formas de hacer deploy de una app NextJS
Midiendo Performance
Mide Performance en NextJS
El futuro de NextJS
¿Qué será de NextJS en los próximos años?
Conclusiones
Continúa con el Curso de Next.js: Sitios Estáticos y Jamstack
Bonus Next.js 10
Next.js Image
Link y Proxy
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
¿Qué será de NextJS en los próximos años?
24/27Recursos
Aportes 9
Preguntas 1
Ordenar por:
Sugiero agreguen módulos en este curso con los features de la versión 10: Commerce, Next.js Analytics, Built-in Image Component, entre otros.
Next.js is on 🔥 🚒
gran curso. pero necesitamos el de next13! por fa!
No olviden registrarse en la Next Conf
Incremental Static Regeneration
Cuando se hace deploy de un sitio con Incremental Static Regeneration (ISR), se hace deploy de un sitio (casi totalmente) estático. Tiene sus páginas estáticas predefinidas que se crearon durante el build y tenemos rutas en la aplicación que no se compilan hasta que los usuarios acceden a esas páginas.
.
Por lo general, cuando una página tiene renderizado del lado del servidor (SSR) significa que la página no fue compilada previamente (como las rutas aún no accedidas por el usuario, mencionadas anteriormente). Por eso sus usuarios tienen que esperar a que la página se construya y sirva al mismo tiempo cuando accede a una de estas rutas.
.
Pero en el caso de ISR, si sus usuarios toman esa ruta, obtienen inmediatamente una página “Fallback”. Una página “Fallback” es como un placeholder para el contenido real que estará en esa página, y puede tener componentes “esqueleto” en su lugar hasta que se construyan y carguen los datos. Una vez que se han resuelto esos datos, esa página se almacena en caché del servidor y se agrega al resto del site bundle así el próximo usuario que acceda a esta ruta verá la página creada.
.
Si los datos necesitan actualizarse, el usuario verá esa versión almacenada en caché en lugar del “Fallback”, y el sitio puede establecer un revalidate timeline para que pueda revalidar y actualizar los datos regularmente cuando sus usuarios accedan a la página.
Fuente: StackOverflow - Incremental Static Regeneration: Building static sites a little at a time
Es como un memo, que guarda el html plano la primera vez que se encuentra el link y luego te lo guarda como estatico.
Next.js pronto sera remplazado por Deno Fresh
Incremental Static Regeneration
https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.