让你的智能体能够为部分预渲染 (PPR) 和细粒度数据缓存实现 Next.js 16 缓存组件 (Cache Components)。
当你想要在单个路由中使用 PPR 混合静态、缓存和动态内容时
当你需要用官方的 'use cache' 指令替换 unstable_cache 时
当你想要在同一请求中实现即时缓存失效时
在 next.config.ts 中启用 cacheComponents 以激活部分预渲染 (PPR)
在文件、组件或函数级别应用 'use cache' 指令
使用内置或自定义设置,通过 cacheLife 配置缓存配置(profiles)和生命周期
使用 cacheTag 为缓存内容添加标签,并使用 updateTag 或 revalidateTag 使其失效
你
我想通过缓存详情来加速我的产品页面,同时保持购物车是动态的。
Agent
我将为你启用 `cacheComponents`。我们将使用带有按小时更新的 `cacheLife` 的 'use cache' 指令来包装你的 `ProductDetails`,并保持 `CartCounter` 作为一个在 `Suspense` 边界内的动态组件,以便它始终显示新鲜的、特定于用户的数据。
让你的智能体能够执行和排查 Next.js 升级任务。
让你的智能体能够遵循 App Router、RSC 和数据模式的最新规范来编写和审查 Next.js 代码。
赋予您的代理按照组合和复合组件等现代模式构建可重用 React 组件的能力。
让你的智能体能够使用 next-intl 为 Next.js 应用程序添加新语言,以实现国际化。
Gives your agent the ability to generate comprehensive, standardized technical documentation for object-oriented components, complete with architecture diagrams and API references.