Trade-offs: consideraciones adicionales de SSG

Introducción: rendering modes de Next.js

Sitios estáticos y Jamstack

Modos de rendering en Next.js

Arquitectura del proyecto

Arquitectura de la app y GraphQL

Configurando Contentful y tokens

Clonando el proyecto e importando contenidodesde CLI

Explorando la app de Next.js

GraphQL API y autogeneración de código

Static Generation

Página Home: lista

Moviendo al servidor: getStaticProps

Página de entrada: detalle

Moviendo al servidor: getStaticPaths

Trade-offs: consideraciones adicionales de SSG

Incremental Static Generation

Habilitando Incremental Static Generation

Estrategias de carga: fallback vs. bloqueante

El enfoque stale-while-revalidate

Trade-offs de ISG

Otras alternativas: comparación entre SSG y SSR

Siguientes pasos

Continúa con el Curso de Next.js: Deploy a Producción

Bonus

Explorando la flexibilidad de getStaticPaths con fileSystem

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Fernando Quinteros Gutierrez

Al final, solo son archivos estáticos (HTML, CSS y JS): el deployment es el más fácil y puede hacer en cualquier servidor
- Sin contar que no necesita muchos recursos,
- No necesita mucho trabajo por parte del servidor
- Podemos almacenar en un CDN para que sea superveloz
El SEO y performance de carga serán de los mejores
No todos los sitios se pueden generar de forma estática. Debido a que los datos debes obtenerlos en tiempo real y no estarán incrustados directamente en el HTML Ej.:
- Páginas de usuario
- Información personalizada
- Dashboard
El build time mientras más páginas se tenga más lento será el proceso