Community寫作與編輯github.com

mohamed-hossam1/nextjs-cache-architecture

每當使用者想在 Next.js 16+ App Router 專案中設計或實作快取時使用此技能——設定「use cache」指令、建立快取標籤註冊表、將突變連接到失效工具、為部分預先渲染建構 Suspense 邊界、處理快取邊界附近的個人化內容、選擇 cacheLife 設定檔、正確呼叫 cacheTag / updateTag / revalidateTag、從 unstable_cache 遷移,或調試過時或異常新鮮的資料。即使用戶只描述他們的領域(例如「我有一個文章表格」)並詢問如何正確快取,也應觸發。

nextjs-cache-architecture 是什麼?

此技能旨在協助開發者在 Next.js 16+ App Router 專案中設計與實作高效能快取。它涵蓋了從設定 `use cache` 指令、建立集中的快取標籤註冊表,到將資料庫突變串接到無效化工具(如 `revalidateTag`)的完整流程。技能也指導如何為部分預先渲染(PPR)策略性建構 Suspense 邊界、管理個人化內容的快取邊界,以及透過選擇適當的 `cacheLife` 設定檔來優化資料生命週期。此外,它還涵蓋了從舊版 `unstable_cache` API 的遷移路徑,並提供常見問題(如快取不一致)的調試建議。此技能支援所有主流的 AI 代理平台(如 Claude Code、Cursor、Codex),並能根據用戶對領域的描述(例如「我有一個文章表格」)自動觸發,提供具體的快取實作建議。

相容平台~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 遷移,或調試過時或異常新鮮的資料。即使用戶只描述他們的領域(例如「我有一個文章表格」)並詢問如何正確快取,也應觸發。

相關技能