Next.js 15 Cache Tags 全面指南概述`revalidateTag/revalidatePath` 与 `unstable_cache` 组成新版缓存治理核心;配合 PPR,既提升性能也保证一致性与更新可控。unstable_cache 基础import { unstable_cache } from 'next/cache' const getPosts = unstable_cache(async () => { const res = await fetch('https://api.example.com/posts', { next: { tags: ['posts'] } }) return res.json() }, ['posts'], { revalidate: 600 }) 标签失效与路径失效'use server' import { revalidateTag, revalidatePath } from 'next/cache' export async function createPost(data: any) { await db.post.insert(data) revalidateTag('posts') revalidatePath('/posts') } PPR 协同export const dynamic = 'force-static' export const revalidate = 600 export default async function Page() { const posts = await getPosts() return <ul>{posts.map((p: any) => <li key={p.id}>{p.title}</li>)}</ul> } 设计策略标签命名与域模型一致;路径失效用于视图刷新;统一失效入口与审计;避免过度失效导致性能回退。技术参数与验证命中率 > 85%;失效生效率 100%;PPR 首屏稳定。---发布信息:已发布 · 技术验证 · 阅读 40 分钟 · CC BY-SA 4.0

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部
2.044338s