¿Qué hace next-cache-components?
Componentes de caché de Next.js 16: PPR, directiva use cache, cacheLife, cacheTag, updateTag.
Características principales
- PPR (Partial Prerendering): Renderizado parcial progresivo para combinar contenido estático y dinámico.
- Directiva
use cache: Almacena en caché funciones y componentes de forma declarativa. cacheLife: Configura la duración de la caché para datos y fragmentos.cacheTag: Etiqueta datos en caché para invalidación selectiva.updateTag: Actualiza o invalida etiquetas de caché de forma programática.
Plataformas soportadas
- Vercel
- Node.js
- Cualquier entorno compatible con Next.js 16
Ejemplo de uso
import { cacheLife, cacheTag } from 'next/cache';
async function getData() {
'use cache';
cacheLife('days'); // Almacenar en caché por días
cacheTag('mi-dato');
return await fetch('https://api.example.com/data').then(r => r.json());
}
export default function Page() {
const data = await getData();
return <div>{data.nombre}</div>;
}
Referencia de API
| Función | Descripción |
|---|---|
cacheLife | Define la duración de la caché |
cacheTag | Asigna una etiqueta para invalidación |
updateTag | Invalida o actualiza una etiqueta específica |
use cache | Directiva para habilitar caché en funciones |
Más información
Visita la documentación oficial de Next.js para más detalles.