Curso Intensivo de Next.js

Duración: 8 clases de 3 horas (24 horas totales)

Horario: Martes, Jueves de 7:00pm a 10:00pm

Prerrequisitos

• Conocimientos en JavaScript
• Computadora con Node.js instalado
• Editor de código (VS Code recomendado)

Temario

SEMANA 1: Fundamentos de React y Proyecto Básico

Clase 1 - Fundamentos de React (Martes)

• Introducción a React y su ecosistema
• Componentes funcionales y hooks básicos (useState, useEffect)
• Props y manejo de estado
• Inicio del proyecto básico: Landing page personal

Clase 2 - React Avanzado y Continuación Proyecto (Jueves)

• Hooks avanzados (useContext, useReducer)
• Manejo de formularios
• Custom Hooks
• Finalización del proyecto básico: Landing page personal

SEMANA 2: Next.js introducción y Proyecto Intermedio

Clase 3 - Introducción a Next.js

• ¿Qué es Next.js y sus ventajas?
• Estructura de un proyecto Next.js
• Routing y navegación
• Inicio del proyecto intermedio: Blog con DB en memoria

Clase 4 - Next.js y Datos Locales

• Server Side Rendering (SSR)
• Static Site Generation (SSG)
• API Routes
• Implementación de DB en memoria
• Continuación del blog

SEMANA 3: Proyecto Avanzado - E-commerce Parte 1

Clase 5 - Next.js Avanzado I

• Manejo de datos con Next.js
• Configuración de MongoDB
• Modelado de datos
• Inicio del proyecto E-commerce: Estructura base

Clase 6 - Next.js Avanzado II

• Autenticación con NextAuth.js (GitHub)
• Manejo de sesiones
• Implementación de carrito de compras
• Desarrollo de dashboard de productos

SEMANA 4: Proyecto Avanzado - E-commerce Parte 2

Clase 7 - Next.js Avanzado III

• Procesamiento de pagos con Stripe
• Manejo de órdenes
• Optimización de imágenes
• Sistema de reviews y ratings

Clase 8 - Next.js Avanzado IV

• Optimización y performance
• Testing en Next.js
• Deployment en Vercel
• Mejores prácticas y conclusión del E-commerce

Proyectos del Curso

Proyecto Básico (Semana 1)

• Landing page personal con React
• Implementación de componentes reutilizables
• Formulario de contacto
• Diseño responsive

Proyecto Intermedio (Semana 2)

• Blog con DB en memoria
• CRUD completo de posts
• Sistema de categorías
• Panel de administración básico

Proyecto Avanzado (Semana 3-4)

• E-commerce completo con Next.js
• Autenticación y autorización
• Gestión de productos y órdenes
• Integración con Stripe
• Dashboard administrativo
• Deployment en producción

Objetivos del Curso

Al finalizar el curso, los estudiantes podrán:

• Desarrollar aplicaciones completas con Next.js
• Implementar diferentes estrategias de rendering
• Crear y consumir APIs con Next.js
• Manejar bases de datos y autenticación
• Realizar deploy de aplicaciones en producción