Next.js 16 App Router
Guía práctica exhaustiva para el desarrollo en Next.js 16: 11 áreas clave de dominio, 61 lecciones profundas. Desde inicio rápido desde cero, enrutamiento y Server Components hasta caché distribuido, seguridad DAL, Multi-Tenant SaaS, colas en streaming e ingeniería de nivel Staff.
Temas principales de Next.js
Seleccione un tema para abrir la lista estructurada de todas las lecciones con descripciones, tiempos y código
Next.js 16 Inicio Rápido (Desde Cero)
Inicio rápido en Next.js 16: de React SPA a Fullstack, Server vs Client Components, estructura app/, async fetching y Server Actions
Enrutamiento y Navegación
App Router, enrutamiento por archivos, layouts, middleware, rutas paralelas e interceptadas
Renderizado y Componentes
Server y Client Components, SSR, SSG, ISR, Partial Prerendering (PPR), Streaming y Suspense
Datos, Caché y Mutaciones
"use cache", cacheLife, cacheTag, React cache(), Server Actions, revalidación por etiquetas
Optimización y Producción
next/image, next/font, Core Web Vitals, Bundle Analyzer, salida standalone, Docker
Arquitectura y Patrones
Data Access Layer (DAL), Autenticación, RBAC, arquitecturas multi-inquilino y microfrontends
Cache Components y Dynamic I/O
Directiva "use cache", cacheLife, cacheTag, updateTag, cacheHandlers distribuidos (Redis/S3), after() post-respuesta
Seguridad, RBAC y Data Access Layer
Perímetro de red proxy.ts vs DAL, authInterrupts, unauthorized.tsx, forbidden.tsx, Taint API, cifrado de Server Actions, CSP Nonces
Multi-Tenant SaaS e i18n
Enrutamiento de subdominios y dominios personalizados mediante proxy.ts, next-intl tipado con rootParams, microfrontends Multi-Zones, Draft Mode
Streaming en Tiempo Real y Colas
Route Handlers en streaming, SSE, WebStreams, navegación instantánea con useLinkStatus, S3 Presigned Streams, colas de tareas en segundo plano y Cron
Staff Internals y Compiladores
Grafo de cómputo de Turbopack, React Compiler, trazabilidad distribuida OpenTelemetry, perfilado de fugas de memoria en SSR, Adapters API, Strangler Fig