Next.js 13路由处理器能否全局缓存并每6小时重新验证？

1. 在API路由中配置全局缓存（推荐） #

直接在服务器端的API路由里设置全局缓存策略，替代客户端fetch的单独缓存。

如果用Next.js App Router，只需在路由文件顶部声明全局重新验证时间：

// app/api/data/route.js
export const revalidate = 21600; // 6小时，单位秒

export async function GET() {
  // 在这里执行Firestore查询（服务器端执行）
  const data = await queryFirestoreCollection();
  
  return Response.json(data);
}

Next.js会自动将这个API的响应做全局缓存，所有用户共用同一份缓存数据，每6小时自动重新查询Firestore更新缓存。

如果需要更精细的缓存控制，也可以手动设置响应头：

export async function GET() {
  const data = await queryFirestoreCollection();
  
  return new Response(JSON.stringify(data), {
    headers: {
      'Cache-Control': 's-maxage=21600, stale-while-revalidate=86400',
      'Content-Type': 'application/json',
    },
  });
}

• s-maxage=21600：告诉CDN/边缘缓存这个响应6小时内有效（全局共用）
• stale-while-revalidate=86400：允许缓存过期后先返回旧数据，后台异步更新缓存，避免用户等待

2. 用静态生成+增量静态再生（ISR）缓存页面数据 #

如果页面可以静态渲染，直接在页面组件里配置全局重新验证，让页面数据全局缓存：

App Router写法：

// app/page.js
export const revalidate = 21600; // 6小时自动更新

async function fetchFirestoreData() {
  // 服务器端查询Firestore
  const res = await fetch('https://firestore.googleapis.com/...', { cache: 'force-cache' });
  return res.json();
}

export default async function HomePage() {
  const data = await fetchFirestoreData();
  return <div>{/* 渲染数据 */}</div>;
}

这种方式下，页面会被预渲染并全局缓存，所有用户访问时复用同一份缓存，每6小时自动重新生成页面，仅消耗一次Firestore读取额度。

3. 手动使用全局缓存服务（如Redis） #

如果需要更灵活的缓存逻辑，可以引入Redis这类全局缓存存储，完全自主控制缓存生命周期：

// app/api/data/route.js
import Redis from 'ioredis';

const redis = new Redis(process.env.REDIS_URL);
const CACHE_KEY = 'firestore-collection-data';
const CACHE_TTL = 21600; // 6小时

export async function GET() {
  // 先从Redis取缓存
  const cachedData = await redis.get(CACHE_KEY);
  if (cachedData) {
    return Response.json(JSON.parse(cachedData));
  }

  // 缓存不存在，查询Firestore
  const data = await queryFirestoreCollection();
  // 存入Redis并设置过期时间
  await redis.set(CACHE_KEY, JSON.stringify(data), 'EX', CACHE_TTL);
  
  return Response.json(data);
}

所有用户的请求都会先读取Redis中的全局缓存，直到缓存过期才会重新查询Firestore。

注意事项 #

• 所有Firestore查询必须在服务器端执行（API路由、服务器组件），避免客户端直接查询导致每个用户都触发读取。
• 如果使用Vercel部署，默认自带CDN，s-maxage和revalidate配置会直接生效；自托管需确保部署环境有CDN支持缓存头。

内容的提问来源于stack exchange，提问作者Matyas Zednicek