Community程式設計與開發github.com

vercel-labs/next-cache-components

Next.js 16 快取元件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag

next-cache-components 是什麼?

這個技能提供一個全面的指南,用於在 Next.js 16 中使用進階快取元件,包括 Partial Prerendering (PPR)、`use cache` 指令、`cacheLife`、`cacheTag` 和 `updateTag`。它旨在幫助開發者利用 React 的 Suspense 和 Next.js 的伺服器端渲染能力,來優化應用程式的載入速度和資料一致性。通過這個技能,開發者可以學習如何為不同區域設定不同的快取生命週期、以串流方式傳送部分渲染的內容,並在需要時以程式化的方式重新驗證或更新快取。此技能適用於所有使用 Next.js 16 的專案,並與 React 生態系統無縫整合。它透過詳細的程式碼範例和最佳實務說明,讓開發者能夠靈活控制快取行為,從而提升使用者體驗並減少伺服器負載。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/next-skills/tree/main/skills/next-cache-components

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

next-cache-components 是做什麼的?

Next.js 16 快取元件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相關技能