用途:该技能面向 Next.js 16+ 的 Cache Components,用于启用部分预渲染(PPR),在同一路由中混合静态、缓存与动态内容。
主要能力:启用方式为在 next.config.ts 中设置 cacheComponents: true,替代旧的 experimental.ppr。内容分为三类:静态(同步代码、导入、纯计算,构建时预渲染)、缓存(异步数据加 'use cache')、动态(运行时数据用 Suspense 包裹)。use cache 可作用于文件、组件或函数级别。缓存配置支持内置 profile(default、minutes、hours、days、weeks、max)与 cacheLife 内联配置(stale、revalidate、expire)。失效方式包括 cacheTag 打标签、updateTag 同请求内立即失效、revalidateTag 后台重新验证。缓存键自动由构建 ID、函数 ID、可序列化参数与闭包变量生成。
使用方式:在函数内写 'use cache',配合 cacheLife 与 cacheTag;动态数据需在 use cache 外读取 cookies()、headers()、searchParams 后作为参数传入。'use cache: private' 允许在合规场景下访问运行时 API。
限制:不支持 Edge runtime,需 Node.js;不支持静态导出;use cache 内 Math.random()、Date.now() 等非确定性值只在构建时执行一次,请求时随机需用 connection() 延迟到请求阶段。资料未提供收费、价格与平台信息。