Community写作与编辑github.com

mohamed-hossam1/nextjs-cache-architecture

当用户需要在 Next.js 16+ App Router 项目中设计或实现缓存时使用此技能——包括设置“use cache”指令、构建缓存标签注册表、将变更连接到失效工具、为部分预渲染组织 Suspense 边界、处理缓存边界附近的个性化内容、选择 cacheLife 配置文件、正确调用 cacheTag / updateTag / revalidateTag、从 unstable_cache 迁移,或调试过期或错误的新数据。即使用户只描述其领域(例如“我有一个 posts 表”)并询问如何正确缓存,也触发此技能。

nextjs-cache-architecture 是什么?

此技能旨在帮助开发者在 Next.js 16+ App Router 架构中全面设计和实现缓存策略。它涵盖了“use cache”指令的配置、基于标签的缓存注册表构建、数据变更操作与失效工具(如 revalidateTag)的集成,以及通过 Suspense 边界实现部分预渲染。此外,技能还指导如何处理个性化内容靠近缓存边界时的正确缓存行为,选择适当的 cacheLife 配置文件,并正确使用 cacheTag、updateTag 和 revalidateTag API。它支持从旧的 unstable_cache API 迁移,并提供调试缓存过期或不一致数据的实用方法。该技能适用于 Claude Code、Cursor 和 Codex 等 AI 编码助手,帮助开发者在处理数据库表、API 端点或动态内容时实现高效、可维护的缓存架构。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mohamed-hossam1/nextjs-cache-architecture/tree/main/skills/nextjs-cache-architecture

Installed? Explore more 写作与编辑 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

nextjs-cache-architecture 是做什么的?

当用户需要在 Next.js 16+ App Router 项目中设计或实现缓存时使用此技能——包括设置“use cache”指令、构建缓存标签注册表、将变更连接到失效工具、为部分预渲染组织 Suspense 边界、处理缓存边界附近的个性化内容、选择 cacheLife 配置文件、正确调用 cacheTag / updateTag / revalidateTag、从 unstable_cache 迁移,或调试过期或错误的新数据。即使用户只描述其领域(例如“我有一个 posts 表”)并询问如何正确缓存,也触发此技能。

相关技能