Módulo IX — Frontend Profesional con React y Next.js

Este módulo cierra el ciclo Full Stack incorporando el stack frontend profesional más demandado en el mercado: React 19 con TypeScript, Next.js 15, Zustand, Docker y pipelines de CI/CD. El proyecto integrador FactorDash conecta directamente con la API de guitarras del Módulo VIII, demostrando la integración completa frontend ↔ backend.

¿Qué aprenderás?

Las bases de datos relacionales son el corazón del almacenamiento de información en aplicaciones profesionales. En este módulo aprenderás a diseñar, crear y consultar bases de datos usando el stack frontend más demandado del mercado.

TEMA	TIPO	DURACIÓN
React con TypeScript	Teoría	10h
Next.js App Router	Práctica	12h
Gestión de Estado con Zustand	Práctica	6h
Microfrontends	Teoría	6h
Docker y Contenedorización	Práctica	8h
CI/CD con GitHub Actions	Práctica	6h
Despliegue en GCP Cloud Run	Práctica	6h
Proyecto Final: FactorDash	Proyecto	6h

Stack tecnológico

Tecnología	Rol
TypeScript	Tipado estático sobre JavaScript
React 19	UI library, componentes y hooks
Next.js 15	Framework fullstack (App Router, SSR/SSG)
Zustand	Gestión de estado global
Tailwind CSS	Utilidades CSS, diseño responsive
Docker	Contenedorización de app y API
GitHub Actions	Pipeline CI/CD automatizado
GCP Cloud Run	Despliegue serverless en contenedores

Mapa de aprendizaje

code

MÓDULO II  → HTML/CSS/JS Vanilla  →  Base de componentes
MÓDULO III → Arrays y funciones   →  Lógica de filtros
MÓDULO IV  → POO, ES6, Fetch      →  Fundamentos de hooks
MÓDULO VI  → Node.js / Express    →  API que consume el frontend
MÓDULO VIII→ REST API + JWT       →  Backend del proyecto final
     │
     ▼
MÓDULO IX  → React + Next.js + TS + Zustand + Docker + CI/CD
             ↳ FactorDash: dashboard de inventario integrado

Proyecto final: FactorDash

Dashboard profesional de gestión de catálogo conectado al backend REST + JWT del Módulo VIII con autenticación, CRUD completo protegido por rol, subida de imágenes, Docker y pipeline CI/CD.