Desarrollo Avanzado con Next.js 16

Visión general de Next.js 16 y arquitectura avanzada

• 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 y mejores prácticas de la estructura del proyecto.
• Diseño de aplicaciones centrado en el rendimiento.

Ruteo y navegación avanzados

• Layouts anidados y patrones compartidos de UI.
• Grupos de rutas para organizar el ruteo.
• Rutas paralelas para segmentos de ruta independientes.
• Rutas de interceptación y navegación modal.
• Ruteo dinámico y segmentos catch-all.
• Manejadores de ruta para puntos finales personalizados.
• Middleware para la interceptación de solicitudes.

Componentes de Servidor de React y características del servidor

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

Server Actions y formularios

• Arquitectura y capacidades de Server Actions.
• Manejo de formularios con procesamiento del 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 de datos avanzada y caché

• API de Fetch en Next.js y memorización de solicitudes (request memoization).
• Fundamentos del Data Cache.
• Configuración del 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 de 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 pool de conexiones.
• Estrategia de migraciones de base de datos.
• Patrones de repositorio para el acceso a datos.

Desarrollo de API

• Manejadores de ruta y convenciones de rutas de API.
• Implementación de API RESTful.
• Validación de solicitudes de API.
• Manejo de errores y formato de respuestas.
• Puntos finales para carga de archivos.
• Integración y verificación de webhooks.
• Limitación de tasa y seguridad de la API.

Optimización del rendimiento

• Análisis y optimización del bundle.
• Estrategias de 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 prueba unitaria para código del servidor y del cliente.
• Pruebas de componentes con utilidades de prueba.
• Pruebas de integración para flujos de datos completos.
• Pruebas end-to-end con Playwright o Cypress.
• Simulación (mocking) de APIs y servicios.
• Pruebas de Componentes de Servidor.
• Pruebas de Server Actions.

Despliegue, DevOps y monitoreo

• Configuración de la versión de producción.
• Gestión de variables de entorno.
• Contenerización con Docker para Next.js.
• Configuración del pipeline 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 de proyectos para la 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.
• Tutorial del proyecto integrador.
• Repaso del curso y sesión de preguntas y respuestas.