Skip to content
UdemyReactPaid courseAll LevelsCertificate

Next.js: El framework de React para producción (Udemy.com)

SSR, SSG, CSR, ISR, Middlewares, Rutas dinámicas, Next API, Next Auth, Material UI, despliegues, Cookies y más.

Created by: Fernando Herrera

Last updated July 2026

icon
What you will learn

  • Aprenderas Next-js desde cero
  • Comprender cómo trabajar con Next + TypeScript
  • Diferentes técnicas de renderizado: SSR, SSG, CSR, ISR
  • Next Middlewares para APIs y Páginas
  • Rutas dinámicas y estáticas
  • Next Auth
  • Material UI
  • Introducción a Next UI
  • Cookies
  • Pagos con PayPal y Tarjetas de crédito
  • Despliegues en varias plataformas

icon
Course Description

Next.js: El framework de React para producción (Versión de Next.js 13+, 14+)

Next.js te brinda una excelente experiencia de desarrollo con todas las funciones que necesita para la producción: renderizado híbrido estático y de servidor, compatibilidad con TypeScript, agrupación inteligente, precarga de rutas y más.

Este curso está enfocado para las personas con conocimiento básico de React que desean aprender Next.js de forma completa e ir más allá.

Estos son algunos de los temas que aquí veremos:


  1. Next.js desde cero

  2. TypeScript + React + Next.js

  3. Migración de proyectos de Next.js de JavaScript a TypeScript

  4. Diferentes estrategias de renderizado

  5. Rutas dinámicas y segmentos

  6. Next.js restful API

  7. Autenticación personalizada

  8. Despliegues en varias plataformas

  9. Generación de imagen de docker optimizada

  10. Autenticación personalizada con JWT

  11. MongoDB

  12. PostgreSQL

  13. NextAuth

  14. Proveedores de autenticación

  15. Drag&Drop en React

  16. CRUD

  17. Zustand

  18. Material UI y Next UI

  19. Re-despliegues automáticos

  20. Pagos con PayPal y Tarjeta de crédito

  21. Diseño responsivo

  22. Sitio de venta de artículos con:

    1. Búsquedas

    2. Cookies

    3. ISR + SSR + SSG + CSR según la necesidad para optimizar tiempos de respuesta

    4. Manejo de usuarios

    5. Dashboard administrativo

    6. Carga de imágenes

    7. Validación de pagos

  23. React Hook Form

  24. Cookies

  25. Middlewares de Next.js (Nuevo en Next.js 12)

    1. Para autenticación

    2. Protección de rutas

    3. Redirecciones

    4. Respuestas

    5. Tanto para APIs como para solicitudes de páginas

  26. Y mucho más

Este curso tiene por objetivo enseñarte Next.js de forma completa con muchas tareas y ejercicios. El curso es en 95% TypeScript, pero cuenta con las referencias propias para reforzar esta parte que es opcional, el curso se puede hacer en JavaScript pero recomiendo que le den la oportunidad a TypeScript.


Se crean varios ejercicios dentro de este curso:

  1. Introducción a Next: Ejercicio pequeño para el manejo de generalidades de Next,js

  2. PokemonApp: Aplicación pequeña para el manejo de ISR y SSG

  3. OpenJira: Aplicación intermedia para el manejo de tareas y SSR

  4. CookieMaster: Aplicación pequeña para aprender sobre el manejo de Cookies

  5. TesloShop: Aplicación completa y bastante grande para el manejo y venta de productos


Al final del curso no solo aprenderás Next.js, si no que también habrás desarrollado una tienda electrónica con cobros, mantenimientos, carga, optimizaciones para SEO, desplegarla y tenerla en tu portafolio de proyectos.


Es un curso enorme totalmente enfocado en Next.js para prepararte mejor como desarrollador de React.




icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Fernando Herrera

Soy un analista programador de sistemas de computo, con poco más de 20 años en el mundo del desarrollo de aplicaciones frontend y backend.

Durante mis últimos años me he dedicado a la enseñanza en línea,  mientras trabajo en una empresa en Canadá.

Me encanta enseñar y programar, son mis dos pasatiempos favoritos que a su vez, es mi trabajo.

icon
More courses by Fernando Herrera

$10.99

$10.99

$10.99

$10.99

$10.99

icon
More React courses

$13.99

$11.99

$139.99

$79.99

$94.99

$69.99

icon
Reviews

4.9

4,540 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Wilder Uribe Barraza on 8/7/2026

Aprender de Fernando es adquirir habilidades que ayudan a marcar la diferencia en la calidad del producto que creamos como desarrolladores

By Carlos Agustin Iglesias Gonseth on 7/22/2026

Enhorabuena por el curso! Tras haberlo finalizado me siento capacitado para encarar desarrollos de next.

By Ivan Padron on 6/30/2026

Excelente curso, completamente recomendado. El contenido está muy bien estructurado y explicado de forma clara, permitiendo comprender desde los fundamentos hasta conceptos más avanzados de Next.js. El instructor no solo muestra el "cómo", sino también el "por qué" detrás de cada decisión, lo que facilita desarrollar aplicaciones modernas siguiendo buenas prácticas profesionales. Los ejemplos son prácticos, actuales y aplicables a proyectos reales. Además, el curso cubre el ecosistema que rodea a Next.js, incluyendo herramientas como Docker, bases de datos y un flujo de trabajo muy similar al que se utiliza en entornos de producción. Sin duda, es una excelente inversión para cualquier desarrollador que quiera dominar React y Next.js con una base sólida. ¡Cinco estrellas sin dudarlo!

By Christian Camilo Riaño Vega on 6/3/2026

Excelente curso profe. Aprendí un montón y reforcé algunos conocimientos. Un agradecimiento enorme por todo el esfuerzo puesto en esto.

By brian yunuel soto sanchez on 5/18/2026

Buen curso, enseña paso a paso como usar react, desde lo basico para hacer una web sencilla, hasta lo más complejo para hacer una app web, explica que es lo que se tiene que usar, para que y por que perfectamente bien. Su voz y el como explica te dan tranquilidad al momento de hacer el curso.

By Daniel Calderón González on 4/3/2026

Sí, creo que me gustaría explicarlo de forma muy clara. Soy fan de Fernando Herrera porque aborda los temas profundos muy bien. Gracias, profesor. 10/10. Saludos desde México.

By Brandon Ramírez Hernández on 4/1/2026

Los cursos de Fernando son una garantía Se los recomiendo, pero como siempre en cualquier curso, profundicen. Yo que lo acabo de terminar abril del 2026 les recomiendo hacerlo con la ultima versión de next en mi caso lo hice con la 16.1.6 que fue la latest cuando inicie el proyecto si bien te puede dar algunos errores y diferencias al código original del curso pero te saca de zona de confort e investigas un poco en la documentación por tu cuenta. Fer y equipo de Devtalles Gracias por el excelente trabajo que hacen. Saludos

By Emanuel Garcia on 2/7/2026

Es un muy buen curso, estuvo bastante interesante. Si es un poco largo pero vale toda la pena. Creo que el plus de este curso es la parte de pagos con Paypal. Super recomendado el curso.

By Jhon Gregory Molina Alvarez on 12/27/2025

este curso me lo recomendó un amigo y la verdad no podría estar mas de acuerdo en recomendar este curso, el instructor te guía muy bien, te explica como funciona las cosas, te deja ejercicios para que aprendas, y lo mas importante no te satura con las clases, vale la pena su precio.

By Osvaldo Cintra García on 11/22/2025

Excelente curso, siempre calidad y aprendizaje en cada curso del profe Fernando, lo único que desde mi perspectiva hubiese sido un cierre con broche de hora era haber tenido algún test de un módulo sencillo pero igual me aportó muchos conocimientos el curso, muchas gracias

Showing all 10 reviews on CourseDuck

Read all 4,540 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 98 / 100