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.
Nery Alberto Cano Ortigoza
@alberto-cano-ortigoza·
Primer curso que hago con este profesor y me encanta su forma de explicar. Espero tener mas cursos con el
Jonathan Villavicencio Gonzalez
@eljoesb·
Excelente explicaciones las del profe, muy buen curso para todo el entendimiento de los sitios estaticos
@jhojangarcia·
.
Mauricio Combariza
@mauriciocombariza·
Excelente clase Muchas gracias
BRANDON YESID ARRIETA GIRALDO
@brandon.arrieta·
Buen curso, buen profesor
Ricardo Boraure
@ricardo-boraure·
Un curso genial la verdad, muy bueno para estar al tanto de las estrategias de fetching orientadas a jamstack. Muy buen curso.
Michael Merchan
@teamleon·
Me encantó el curso. Entendí mejor lo que es el Static'side rendering, aunque me quedo unas dudas en ISG.
Juan Andres Quiroz Franco
@juananquirozf·
Que buen profesor es Jonatha, lo explica todo muy bien la verdad, hay cursos que están un poco deactualizados pero en general es buen contendio y el profesor es excelente
Donai Torin
@donaitorin·
Muy bueno para adentrarse a conocer los tipos de render con nextjs
Bryan Oswaldo Juanacio Lalangui
@bojuan·
Un gran curso para entender de mejor manera el usu de Next.js
@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 Dominguez
@Radgus·
Excelente curso, complemento al básico de NextJS con definiciones y ejemplos más claros, lo recomiendo.
Diego Silva
@d1eshi·
Muy bien abordados lo temas principales para empezar a construir con Next.js
Elioenai Garcia
@eliogrc·
Excelente curso, nuevos conocimientos adquiridos.
Gustavo Isacura
@gisacura·
Excelente curso y excelente profesor, muy recomendado
Reynaldo Francisco Moreno Briceño
@Rmoreno31·
Excelente curso, el profesor 10/10
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.
Camilo Ramírez
@Camilo_Rami_·
Muy buen contenido y bien explicado
Julio Barrios
@juliobc·
Buen curso. Excelente profesor.
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