Desarrollo Avanzado con Next.js 16

Vista general y arquitectura avanzada de Next.js 16

• Características clave y cambios en Next.js 16.x
• Arquitectura del App Router y principios de diseño
• Componentes de Servidor vs. Componentes de Cliente
• Estrategias de renderizado: SSR, SSG, ISR y streaming
• Convenciones de la estructura del proyecto y mejores prácticas
• Diseño de aplicaciones orientado al rendimiento

Navegación y enrutamiento avanzado

• Diseños anidados y patrones de UI compartida
• Grupos de rutas para un enrutamiento organizado
• Rutas paralelas para segmentos independientes
• Rutas interceptadas y navegación modal
• Enrutamiento dinámico y segmentos de captura total (catch-all)
• Controladores de rutas para endpoints personalizados
• Middlewares para interceptación de solicitudes

Componentes de Servidor React y características del servidor

• Análisis profundo del modelo de Componentes de Servidor React
• Obtención de datos en el servidor
• UI con streaming utilizando límites de Suspense
• Límites de error y gestión de errores
• Patrones de UI de carga
• Renderizado parcial y renderizado selectivo

Acciones del Servidor y Formularios

• Arquitectura y capacidades de las Acciones del Servidor
• Gestión de formularios con procesamiento en el lado del servidor
• Estrategias de validación
• Actualizaciones de UI optimista
• Estados pendientes y retroalimentación al usuario
• Carga de archivos y mejora progresiva

Obtención avanzada de datos y caché

• API Fetch en Next.js y memoización de solicitudes
• Fundamentos de Data Cache
• Configuración de Route Cache
• Router Cache e invalidación de caché
• Estrategias de revalidación: bajo demanda y basadas en tiempo
• Patrones de datos con streaming

Autenticación y Autorización

• Arquitectura de autenticación en Next.js
• Patrones de gestión de sesiones
• Flujos de autenticación basados en JWT
• Estrategias de integración con OAuth
• Implementación del Control de Acceso Basado en Roles (RBAC)
• Protección de rutas basada en middleware

Integración de bases de datos y ORM

• Consideraciones de arquitectura de bases de datos
• Integración de PostgreSQL con Next.js
• Configuración de Prisma ORM y consultas
• Vista general y migración de Drizzle ORM
• Configuración del agrupamiento de conexiones (connection pooling)
• Estrategia de migraciones de base de datos
• Patrones de repositorio para el acceso a datos

Desarrollo de API

• Controladores de rutas y convenciones de rutas API
• Implementación de API RESTful
• Validación de solicitudes API
• Gestión de errores y formato de respuestas
• Endpoints para carga de archivos
• Integración y verificación de webhooks
• Límites de tasa (rate limiting) y seguridad de la API

Optimización del rendimiento

• Análisis y optimización del bundle
• Estrategias de código dividido (code splitting)
• Importaciones dinámicas para carga bajo demanda
• Optimización del componente Image
• Optimización de fuentes con next/font
• Patrones de carga diferida (lazy loading)
• Técnicas de optimización de Core Web Vitals

Pruebas de aplicaciones Next.js

• Estrategias de pruebas unitarias para código del servidor y cliente
• Pruebas de componentes con utilidades de prueba
• Pruebas de integración para flujos completos de datos
• Pruebas de extremo a extremo (E2E) con Playwright o Cypress
• Simulación (mocking) de APIs y servicios
• Pruebas de Componentes de Servidor
• Pruebas de Acciones del Servidor

Despliegue, DevOps y Monitoreo

• Configuración de builds de producción
• Gestión de variables de entorno
• Contenedorización con Docker para Next.js
• Configuración de la canalización CI/CD
• Monitoreo y registro de aplicaciones (logging)
• Rastreo y reporte de errores
• Monitoreo del rendimiento en producción

Patrones avanzados y Proyecto Integrador

• Patrones de arquitectura del proyecto para escalabilidad
• Organización de características y límites de módulos
• Patrones de diseño comunes en aplicaciones Next.js
• Arquitectura de aplicaciones multiinquilino (multi-tenant)
• Recorrido por el proyecto integrador
• Repaso del curso y sesión de preguntas y respuestas