Curso de Next.js: Sitios Estáticos y Jamstack
Curso de Next.js: Sitios Estáticos y Jamstack

Introducción: rendering modes de Next.js

1

Sitios estáticos y Jamstack

2

Modos de rendering en Next.js

Arquitectura del proyecto

3

Arquitectura de la app y GraphQL

4

Configurando Contentful y tokens

5

Clonando el proyecto e importando contenidodesde CLI

6

Explorando la app de Next.js

7

GraphQL API y autogeneración de código

Static Generation

8

Página Home: lista

9

Moviendo al servidor: getStaticProps

10

Página de entrada: detalle

11

Moviendo al servidor: getStaticPaths

12

Trade-offs: consideraciones adicionales de SSG

Incremental Static Generation

13

Habilitando Incremental Static Generation

14

Estrategias de carga: fallback vs. bloqueante

15

El enfoque stale-while-revalidate

16

Trade-offs de ISG

17

Otras alternativas: comparación entre SSG y SSR

Siguientes pasos

18

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

Bonus

19

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,

Iniciar sesión
Aprende todo un fin de semana sin pagar una suscripción 🔥

Aprende todo un fin de semana sin pagar una suscripción 🔥

Regístrate

Comienza en:

5D
18H
31M
35S
Curso de Next.js: Sitios Estáticos y Jamstack

Curso de Next.js: Sitios Estáticos y Jamstack

Jonathan Alvarez

Jonathan Alvarez

Otras alternativas: comparación entre SSG y SSR

17/19
Recursos

Aportes 3

Preguntas 2

Ordenar por:

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

o inicia sesión.

Yadurani Lopez Rivera

Yadurani Lopez Rivera

hace 2 años

Next.js SSR / Ventajas

  • La información siempre estará actualizada

  • Poder modificar la respuesta con base en la petición puede ser muy conveniente

Next.js SSR / Ventajas

  • Golpea el servidor por cada petición y puede ser costoso. (consume recursos y consume dinero)

Next.js Export

  • Puede exportar un renderizado HTML,CSS y JavaScript, por lo tanto no hay backend y puedes subir a servidores de archivos estáticos, como GitHub Pages.

  • Next.js Export no tiene los beneficios de SSR, ISG, Revalidación, rutas, internalización y optimización de imágenes.

Javier Fuentes Mora

Javier Fuentes Mora

Profe Platzi

hace 2 años

que framework recomendaria para ssr en vez de next js 🤨

Fernando Quinteros Gutierrez

Fernando Quinteros Gutierrez

hace un año

🎖 Otras alternativas

Apuntes

Server-Side Rendering

  • La información siempre estará actualizada
  • Poder modificar la respuesta con base en la petición puede ser muy conveniente
  • Golpear el servidor por cada petición puede ser costoso
    • Consume recursos = dinero

Exportar HTML

  • Se producen archivos estáticos y el servidor de Node.js es desacoplado

Trade-offs: Exportar

  • No hay backend, por tanto no hay servidores por mantener
  • Se puede subir a servidores de archivos estáticos, como GitHub Pages
  • Muchas funcionalidades se deshabilitarán:
    • Server-side rendering (getServerSideProps)
    • Incremental SIte Generation
    • Revalidación
    • Rutas API
    • Internacionalización
    • next/image*