Datos en Next.js

12 ejemplos para comenzar con Next.js Data -- 8 básicos y 4 intermedios.

Obtén datos directamente dentro de Componentes de Servidor asincronos con almacenamiento en caché y deduplicación incorporados.

Mutar datos desde el servidor usando funciones "use server" -- sin necesidad de rutas API.

Actualiza datos almacenados en caché bajo demanda o en un temporizador con revalidatePath, revalidateTag e ISR.

Transmite contenido renderizado en servidor progresivamente usando límites de Suspense de React y loading.tsx.

Comprende las cuatro capas de almacenamiento en caché en Next.js: memoización de solicitudes, caché de datos, caché de ruta completa y caché del enrutador.

Lee y manipula parámetros de consulta de URL con useSearchParams (client) y la prop searchParams (server).

Lee y establece cookies y headers en el servidor con las APIs cookies() y headers() de next/headers.

Obtén múltiples fuentes de datos en paralelo para eliminar cascadas y acelera la renderización del servidor.

Procesa grandes conjuntos de datos, APIs paginadas y datos de streaming con generadores asíncronos en Server Components y Route Handlers.

Construye una utilidad de fetch única que cada componente cliente referencia — manejo consistente de errores, headers de autenticación, URL base, y almacenamiento en caché en un solo lugar.

Construye un cliente API centralizado con Axios — interceptores para autenticación, manejo de errores, reintentos y transformaciones de solicitud/respuesta en una instancia configurada.

Un resumen condensado de las 25 mejores prácticas más importantes extraídas de cada página en esta sección.