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.

A single-page roundup of every highlight bullet from the 13 pages in the Next.js Data section, grouped by source page so you can scan all 78 takeaways without opening each article individually.