next-cache-components 是做什麼的?
Next.js 16 快取元件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag
Next.js 16 快取元件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag
這個技能提供一個全面的指南,用於在 Next.js 16 中使用進階快取元件,包括 Partial Prerendering (PPR)、`use cache` 指令、`cacheLife`、`cacheTag` 和 `updateTag`。它旨在幫助開發者利用 React 的 Suspense 和 Next.js 的伺服器端渲染能力,來優化應用程式的載入速度和資料一致性。通過這個技能,開發者可以學習如何為不同區域設定不同的快取生命週期、以串流方式傳送部分渲染的內容,並在需要時以程式化的方式重新驗證或更新快取。此技能適用於所有使用 Next.js 16 的專案,並與 React 生態系統無縫整合。它透過詳細的程式碼範例和最佳實務說明,讓開發者能夠靈活控制快取行為,從而提升使用者體驗並減少伺服器負載。
npx skills add https://github.com/vercel-labs/next-skills/tree/main/skills/next-cache-componentsInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Next.js 16 快取元件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag
This repo contains 2 individual skills — each has its own dedicated page.
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
Upgrade Next.js to the latest version following official migration guides and codemods
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.