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.
Andres Prieto
@AndresMpa·
Este curso es muy muy denso, pero tremendamente útil; me gustaría que explicaran un poco como fue la construcción de los archivos _app.tsx y _documento.tsx pero en lo demás está genial para aprender estrategías de render
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
Frank Licona
@3FE3LE·
excelente material
Mijahil Barra Li
@mijahilbarra·
una vista rápida de jamstack y un refuerzo de las ventajas de next.js
Lucio Quevedo
@lucio404·
Muy claro y didáctico
Betsy liliana camelo vergara
@Betsycamelo·
El profesor explica muy bien los conceptos y lo mejor, de forma práctica.
BRANDON YESID ARRIETA GIRALDO
@brandon.arrieta·
Buen curso, buen profesor
@axlina90·
Excelente curso, lo recomiendo, te permite conocer las ventajas que se tiene trabajar con ISG y SSG, estrategias que puedes usar, conocer Contentfull
Michael Merchan
@teamleon·
Me encantó el curso. Entendí mejor lo que es el Static'side rendering, aunque me quedo unas dudas en ISG.
Bryan Oswaldo Juanacio Lalangui
@bojuan·
Un gran curso para entender de mejor manera el usu de Next.js
David Prado
@Davit_Prado·
Un gran curso resumen de Next como tecnología Jamstack.
Pablo Lopera
@pablolopera·
Buen curso.
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.
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
Hugo Ricardo Méndez Canul
@hugomndez_·
Un gran curso para aprender de SSG con NextJS.
Camilo Ramírez
@Camilo_Rami_·
Muy buen contenido y bien explicado
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