SuperAPI AI 工具集

cache-components

前端与建站

查看项目

更新于 10-15 21:42

技能介绍

用途:为 Next.js 项目中的 Cache Components 与部分预渲染(PPR)提供专家级指导。当项目 next.config.ts 或 next.config.js 中存在 cacheComponents: true 时,该技能会主动激活,引导组件编写、数据获取与缓存决策。

主要能力:实现 'use cache' 指令;用 cacheLife() 配置缓存时长;用 cacheTag() 为缓存数据打标签;用 updateTag()/revalidateTag() 或 expireTag() 失效缓存;优化静态与动态内容边界;调试缓存问题;审查 Cache Component 实现。

使用方式:会话开始时检查配置,可运行 grep -r "cacheComponents" next.config.* 2>/dev/null 确认是否启用。若启用,则在编写 React Server Components、实现数据获取、创建带变更的 Server Actions、优化页面性能、审查组件代码时应用其模式。核心决策:组件是否依赖请求上下文(cookies、headers、searchParams);输出是否对所有用户一致;可缓存则用 'use cache' + cacheTag() + cacheLife(),否则用 <Suspense> 动态流式渲染。

适用场景:Next.js 项目中的缓存组件开发、PPR 配置、缓存生命周期管理、按需失效与性能优化。

限制:资料未提供具体版本要求、兼容性范围、收费或价格信息;示例配置中的 experimental 选项(如 ppr、dynamicIO)需以实际版本为准,暂未提供更多细节。