Nivel Avanzado
20 clases
3 horas de contenido
12 horas de práctica
Construye sitios estáticos y dinámicos con Next.js, usando GraphQL y TypeScript para integrar CMS como Contentful. Aprende a aplicar rendering optimizado con técnicas como static generation y estrategias de revalidación incremental.
Arquitectura del proyecto
- 3
Arquitectura Jam Stack con Next.js y GraphQL
03:17 min - 4
Configuración de Contentful: Creación de Cuenta y API Tokens
06:17 min - 5
Importación de Datos y Configuración en Contentful
08:00 min - 6
Configuración y uso inicial de un proyecto Next.js con Contentful
10:51 min - 7
Uso de GraphQL y Autogeneración en Next.js con Contentful
22:27 min
Static Generation
- 8
Renderizado de Listas con Next.js y Contentful
09:41 min - 9
"Uso de getStaticProps en Next.js para Renderizado en Servidor"
11:21 min - 10
Páginas Dinámicas en Next.js: Renderizado de Plantas y Entradas
14:40 min - 11
Uso de getStaticPaths y getStaticProps en Next.js para páginas dinámicas
21:16 min - 12
Ventajas y desventajas de Static Site Generation en Next.js
04:01 min
Incremental Static Generation
- 13
Configuración de Incremental Static Generation en Next.js
09:53 min - 14
Uso del Fallback en Next.js: Estrategias y Aplicaciones
03:54 min - 15
Estrategia Stale-While-Revalidate en Next.js
04:26 min - 16
Ventajas y desventajas del Incremental Static Generation en Next.js
04:51 min - 17
Server Side Rendering con Next.js: Ventajas y Desventajas
03:40 min
Siguientes pasos
Bonus
Profes del curso
Conoce quién enseña el curso
Jonathan Alvarez
Tech Lead en Litentry
👨💻 Experto en Desarrollo Frontend
🎨 Entusiasta del Diseño Web
🇨🇴 Organizador de comunidades como PereiraJS
software y recursos necesarios
- Node.js
- NPM o Yarn
- Contentful CMS
Opiniones del curso
4.8 · 140 opiniones
Adan Uri Plata Estrada
@adanuriplata·
El conocer las diferencias entre los tipos de renderizado en Next.js es algo que me generaba muchas dudas y ahora todo es mas claro. Muy buen curso
Jhunior Eduardo Guevara Lázaro
@jguevaral·
muy buen curso, tomó su tiempo enterder este curso y cursos relacionados, pero valió la pena.
Pablo Orozco Monte
@pablopvsky·
Excelente curso, entrar al detalle de esta estrategia es muy interesante, ayuda a tomar las mejores decisiones a tiempo
José Emanuel Osorio Vázquez
@emanuel_osorio·
Mostrar los pros/contras y casos de uso del Incremental Static Generation. Gran resúmen!
Cesar Gonzalez Groh
@cesargonzalezgroh·
Excelente, simple, y claro . Un enfoque practico para transmitir tan ricos conocimientos. Muchas gracias! Awesome!
Diego Guevara
@diegoguevaraco·
Excelente profesor y excelente curso, aprendo muchísimo casi solo con una explicación. el mejor!!
Jairo Campos Ruiz
@jairocamposruiz·
Muy recomendables los cursos de NextJS, muy prácticos y explicado excelentemente
Edwin Valencia
@EdwinValencia·
Excelente contenido. El profesor hace que sea muy sencillo entender cada paso, función y concepto con ejemplos claros y especificos.
Christian Ochoa
@cristhian-ochoa·
Increible todas las posibilidades que da NextJS para generar sitios web, muy interesante la parte de contentful no conocia esta herramienta.
Gerardo De La Cruz
@netoxas·
Muy bueno el curso, pues al final aprendí lo que estaba buscando. Sin embargo, considero que el curso debería enfocarse solamente en lo que pone como título del curso, pues sí es interesante que se muestren otras tecnologías, pero esto hace que sea más complicado enfocarse en el tema principal, ya que hay que intentar entender otras cosas y se desvía la atención a cosas que a lo mejor a mí como estudiante no me interesa aprender de momento.
Jonathan Villavicencio Gonzalez
@eljoesb·
Excelente explicaciones las del profe, muy buen curso para todo el entendimiento de los sitios estaticos
Sebastian Pedroza
@SebasDeveloper·
Este curso está genial, el contenido está muy bien explicado y es recomendable no solo por la parte teórica, sino también por el enfoque práctico que se le da por el profe.
@pedrochq·
Muy útil para entender las diferencias y ventajas entre las diferentes estrategias de render.
Luis Ángel Arvelo Pérez
@delavalom·
Conoce como se construyen los mejores blogs
Luis Angel Olivárez Estrada
@luiznaiper·
Me encanta el curso. Recomendaria en todos los cursos que digan qué versión de node están utilizando para evitar problemas. Asímismo, siento que las preguntas del examen están un poco mal hechas.
Gustavo Isacura
@gisacura·
Excelente curso y excelente profesor, muy recomendado
Christian Armando Consuelo Mayén
@cris_towi·
Siempre es un gran aprendizaje con el profesor Jonathan Alvarez, porque explica muy bien y tiene un gran ritmo todas las clases.
Bryan David Castañeda Aranzales
@bryan.27·
Muy buen curso
Camilo Ramírez
@Camilo_Rami_·
Muy buen contenido y bien explicado
Julio Barrios
@juliobc·
Buen curso. Excelente profesor.
Erick Avila Rojas
@nmrinc·
Excelente curso para iniciar en generación de Jamstack con Next. Aunque hay temas como la generación de las llamadas apic on GraphQl que me gustaría se ahondara, ya que en el curso de GraphQl no se toca.
Marco Antonio Castillo Lopez
@markodev·
Fue algo básico pero ayuda a introducirse al mundo de Jamstack
Luis Berenguer
@luissberenguer·
Me encató el curso, fue scnillisimo implementar e Incremental Site Generation
Rafael Sanabria
@rafaelsanabria28·
Buen curso. Me gustó que usaran TypeScript y un Headless CMS
Jhon Alejandro Garcia Garcia
@jhon-alejandro-garcia-garcia·
excelente curso para analizar que tipo de rendering o generación de sitios que nos brinda next es el más optimo que debemos usar para nuestros proyectos.
Cesar Augusto Torrens Acosta
@c_torrens·
excelente curso.. excelente profesor...
Mariano Aguirre Giraldo
@NanoMag·
Muy buen curso. Gran explicación por parte del profesor.
Josue Alessander Rodriguez Fasabi
@programadorJS·
excelente curso
Daniel Schmidt
@danys·
Muy bien explicado y demostrado cada estrategia!
Sandra Menendez Alonso
@sandramenendezalonso·
Aunque uso nextjs desde hace unos meses todavia tenia varias dudas que las he resuelto gracias a este curso. Las clases de trade-off son las mejores. El profe genial, seguiré con sus cursos
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend a profundidad con React.js
68 horas
7 Profes
Aprende a desarrollar aplicaciones web, móviles y de escritorio con React.js. La librería JavaScript más popular en el mercado.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender