Desarrollo Web Full Stack con Next.js

Comprende la arquitectura de Next.js, las diferencias entre App Router y Pages Router, y domina los conceptos fundamentales de Server y Client Components.

• 1.1¿Qué es Next.js y por qué es el framework del futuro?
  Lectura

  15 min
• 1.2App Router vs Pages Router: ¿Cuál elegir?
  Lectura

  20 min
• 1.3Server Components y Client Components en profundidad
  Lectura

  25 min
• 1.4Evaluación: Conceptos fundamentales de Next.js
  Quiz

  15 min

Domina el sistema de rutas de Next.js, aprende a crear layouts dinámicos, maneja rutas anidadas y descubre cómo usar Server Actions para mutations.

• 2.1Layouts, templates y diseño de rutas jerárquicas
  Lectura

  25 min
• 2.2Route Groups y rutas dinámicas con parámetros
  Lectura

  25 min
• 2.3Server Actions: mutations sin API Routes
  Lectura

  30 min
• 2.4Evaluación: Routing y gestión de datos
  Quiz

  15 min

Aprende a crear interfaces profesionales con Tailwind CSS, maneja estados con hooks, implementa contextos y construye bibliotecas de componentes escalables.

• 3.1Tailwind CSS en Next.js: configuración y buenas prácticas
  Lectura

  20 min
• 3.2Construyendo componentes reutilizables y aislados
  Lectura

  25 min
• 3.3Estado del cliente: hooks personalizados y contexto
  Lectura

  30 min
• 3.4Evaluación: UI, estilos y estado de la aplicación
  Quiz

  15 min

Integra todos los conocimientos construyendo una tienda online completa con autenticación, base de datos, carrito de compras y pasarela de pago simulada.

• 4.1Planificación y arquitectura del proyecto e-commerce
  Lectura

  25 min
• 4.2Implementación: productos, categorías y catálogo
  Lectura

  35 min
• 4.3Autenticación, carrito y Server Actions
  Lectura

  35 min
• 4.4Deployment en Vercel y optimización para producción
  Lectura

  30 min