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
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.
Jhunior Eduardo Guevara Lázaro
@jguevaral·
muy buen curso, tomó su tiempo enterder este curso y cursos relacionados, pero valió la pena.
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
@jhojangarcia·
.
Frank Licona
@3FE3LE·
excelente material
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.
Mauricio Combariza
@mauriciocombariza·
Excelente clase Muchas gracias
Alessandri Fonseca
@Alessandri·
Muy buen profesor, durante el proyecto muestra todo lo que next es capaz de hacer. Muy recomendado
@axlina90·
Excelente curso, lo recomiendo, te permite conocer las ventajas que se tiene trabajar con ISG y SSG, estrategias que puedes usar, conocer Contentfull
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
David Prado
@Davit_Prado·
Un gran curso resumen de Next como tecnología Jamstack.
Pablo Lopera
@pablolopera·
Buen curso.
@ziker·
Puntual, contenido interesante, muy bien por este profesor.
Elioenai Garcia
@eliogrc·
Excelente curso, nuevos conocimientos adquiridos.
Gustavo Isacura
@gisacura·
Excelente curso y excelente profesor, muy recomendado
Jorge Ibarra Delgado
@jibarrad·
Muy recomendable curso, gracias a esto estoy pensando en sustituir Wordpress con esto!
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