Requisitos previos
• Conocimiento básico de React con Hooks es necesario
• NO es necesario saber TypeScript (pero será útil)
• NO es necesario saber Node (pero será útil)
• NO es necesario saber Next para empezar este curso
Descripción del curso
Bienvenido al curso donde aprenderás Next.js desde cero, el framework de React diseñado para crear aplicaciones modernas listas para producción. Dominarás las características más importantes de Next.js 13+ y 14+, desarrollando proyectos reales con TypeScript y las mejores prácticas de la industria.
Este curso está pensado para desarrolladores que ya poseen conocimientos básicos de React y desean dar el siguiente paso, aprendiendo renderizado híbrido, autenticación, despliegues, APIs, bases de datos y optimización de aplicaciones utilizando el ecosistema moderno de Next.js.
¿Por qué aprender Next.js? Porque es el estándar actual para desarrollar aplicaciones React de alto rendimiento, ofreciendo renderizado híbrido, optimización automática, excelente experiencia de desarrollo y herramientas listas para producción.
¿Cómo está estructurado el curso?
Aprenderás mediante la construcción de múltiples proyectos reales, comenzando por aplicaciones sencillas y evolucionando hasta desarrollar una tienda en línea completamente funcional con autenticación, pagos y despliegue.
- Fundamentos de Next.js: Routing, TypeScript, estrategias de renderizado y consumo de APIs.
- Desarrollo Full Stack: Autenticación, bases de datos, APIs, CRUD y manejo de usuarios.
- Optimización para producción: Docker, despliegues, SEO, cookies, middlewares y rendimiento.
- Proyecto final: Desarrollo de un eCommerce completo listo para publicar.
Temas que desarrollarás durante el curso:
- Next.js moderno: App Router, rutas dinámicas y estrategias de renderizado (ISR, SSR, SSG y CSR).
- TypeScript: Integración completa y migración desde proyectos en JavaScript.
- Backend: APIs REST, autenticación personalizada, JWT y NextAuth.
- Bases de datos: MongoDB y PostgreSQL.
- Estado y formularios: Zustand y React Hook Form.
- UI: Material UI, NextUI y diseño responsivo.
- Producción: Docker, despliegues automáticos, SEO y optimización de imágenes.
- Pagos: Integración con PayPal y tarjetas de crédito.
- Middlewares: Protección de rutas, autenticación y redirecciones.
- Y mucho más...
Proyectos que desarrollarás:
- Introducción a Next.js: Primer proyecto para comprender los fundamentos del framework.
- PokemonApp: Implementación de ISR y SSG.
- OpenJira: Aplicación para gestión de tareas utilizando SSR.
- CookieMaster: Manejo avanzado de cookies.
- TesloShop: Tienda en línea completa con autenticación, pagos, dashboard administrativo, carga de imágenes y optimización para producción.
Resultados al finalizar el curso:
- Dominarás Next.js para desarrollar aplicaciones modernas listas para producción.
- Comprenderás cuándo utilizar ISR, SSR, SSG y CSR para optimizar el rendimiento de tus aplicaciones.
- Construirás una tienda en línea completa con autenticación, pagos, bases de datos y despliegue.
- Tendrás proyectos reales que podrás incorporar a tu portafolio profesional.
Este curso está desarrollado principalmente con TypeScript (95%), aunque también podrás seguirlo utilizando JavaScript si lo prefieres. El objetivo es brindarte una experiencia completa que te prepare para desarrollar aplicaciones profesionales con Next.js y llevar tus conocimientos de React al siguiente nivel.
🚀 ¡Te espero en el curso y mucho éxito convirtiéndote en un desarrollador profesional de Next.js!
