vercel-labs/next-cache-components

O que next-cache-components faz?

Componentes de Cache do Next.js 16 - PPR, diretiva use cache, cacheLife, cacheTag, updateTag

Esta skill oferece um conjunto de ferramentas para gerenciar cache em aplicações Next.js 16. Inclui:

• PPR (Partial Prerendering): Renderização parcial prévia para páginas híbridas.
• use cache diretiva: Marca componentes ou páginas para cacheamento.
• cacheLife: Define o tempo de vida do cache para dados específicos.
• cacheTag: Associa tags a dados cacheados para revalidação seletiva.
• updateTag: Atualiza tags de cache manualmente para forçar revalidação.

// Exemplo de uso da diretiva use cache
async function getData() {
  'use cache';
  const data = await fetch('https://api.example.com/data');
  return data.json();
}

// Exemplo de cacheLife e cacheTag
async function getUserData(userId) {
  'use cache';
  cacheLife('hours', 1);
  cacheTag(`user-${userId}`);
  const user = await db.users.findOne(userId);
  return user;
}

Para revalidar manualmente:

import { updateTag } from 'next/cache';

await updateTag(`user-123`);