ISR 与静态再生

旧模型(Next 15 及以前,本站已不再使用)

// app/rendering/isr/page.tsx —— 旧模型(Next 15 及以前)
// route segment config:整页一把开关,页内任何取数都被卷进同一个窗口
export const revalidate = 60;   // 60s 后下一个请求触发后台重建

export default async function Page() {
    const posts = await getPosts();   // 取数代码本身没有任何缓存标记
    return <PostList posts={posts} />;
}

本站现行(cacheComponents)

// topics/rendering/isr/cached-posts.ts —— 本站正在运行的真实代码
import { cacheLife, cacheTag } from "next/cache";

export async function getIsrPosts() {
    "use cache";                       // 显式声明:这份产物可缓存
    cacheLife({ revalidate: 60 });     // 60s 窗口,语义对齐旧 revalidate = 60
    cacheTag("posts");                 // revalidateTag("posts") 可按需失效
    const { posts, source } = await getPostsWithStatus();
    return { posts, source, generatedAt: new Date().toISOString() };
}

// 缓存声明从「页面壳上的一行配置」下沉到「取数函数上的一条指令」:
// 粒度从整页细化到函数,同一页里不同数据可以各有各的窗口