技能 next-cache-components
📦
next-cache-components
內容修訂 r1 安全 ⚙️ 外部命令🌐 網路存取
正確建置 Next.js Cache Components
在 Next.js 遷移期間，Cache Components 可能很難安全地採用。此技能針對 PPR、快取指令、生命週期、標籤和失效處理提供聚焦指引。
支援: Claude Codex Code(CC)
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "next-cache-components" from https://skillstore.io/skills/vercel-labs-next-cache-components.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next-cache-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「next-cache-components」。 開發者詢問如何快取產品資料，但讓帳戶偏好設定保持最新。
預期結果:
- 建議使用以小時為基礎生命週期的已快取產品元件。
- 將帳戶偏好設定放在動態 Suspense 邊界中。
- 使用產品快取標籤，讓變更操作可以刷新受影響的產品檢視。
正在使用「next-cache-components」。 團隊詢問如何替換較舊的 Next.js 快取設定。
預期結果:
- 將 experimental PPR 對應到 Cache Components 設定。
- 以 cacheLife 設定替換路由 revalidate 值。
- 在適合的情況下，以 use cache 指令替換 unstable cache 用法。
安全審計
安全v5 • 2026/7/7 開啟版本化報告
All static findings were reviewed against SKILL.md and appear to be false positives from Markdown syntax or educational Next.js examples. I found no prompt injection, malware intent, credential access, shell execution, or data exfiltration behavior in the skill content.
1
已掃描檔案
361
分析行數
0
複核項目
0
已忽略的誤報
風險因素
⚙️ 外部命令 (58)
SKILL.md:12-21 SKILL.md:21-23 SKILL.md:23-35 SKILL.md:35-44 SKILL.md:44-46 SKILL.md:46-50 SKILL.md:50-58 SKILL.md:58-64 SKILL.md:64-83 SKILL.md:83-87 SKILL.md:87-91 SKILL.md:91-99 SKILL.md:99-103 SKILL.md:103-109 SKILL.md:109-113 SKILL.md:113-118 SKILL.md:118-126 SKILL.md:126-128 SKILL.md:128-130 SKILL.md:130-132 SKILL.md:132-134 SKILL.md:134-136 SKILL.md:136-138 SKILL.md:138-140 SKILL.md:140-148 SKILL.md:148-150 SKILL.md:150 SKILL.md:154-164 SKILL.md:164-170 SKILL.md:170-172 SKILL.md:172-183 SKILL.md:183-186 SKILL.md:186-188 SKILL.md:188-192 SKILL.md:192-199 SKILL.md:199-201 SKILL.md:201-203 SKILL.md:203-207 SKILL.md:207-216 SKILL.md:216-222 SKILL.md:222 SKILL.md:226-246 SKILL.md:246-248 SKILL.md:248-252 SKILL.md:252-258 SKILL.md:258-270 SKILL.md:270-275 SKILL.md:275-279 SKILL.md:279-285 SKILL.md:285-324 SKILL.md:324-332 SKILL.md:332 SKILL.md:333-334 SKILL.md:334 SKILL.md:335 SKILL.md:336 SKILL.md:344 SKILL.md:348-356
🌐 網路存取 (5)
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/vercel-labs-next-cache-components?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/vercel-labs-next-cache-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next-cache-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/vercel-labs-next-cache-components.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
vercel-labs. (2026). next-cache-components security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5BibTeX 引用
@techreport{vercel-labs-vercel-labs-next-cache-components-2026,
author = {vercel-labs},
title = {next-cache-components security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "next-cache-components security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vercel-labs-next-cache-components/audits/5"
identifiers:
- type: other
value: "skillstore:vercel-labs-next-cache-components:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 高 55
架構
85
可維護性
87
內容
69
社群
83
規範符合度
你可以打造什麼
遷移既有的 App Router 頁面
以清楚的替換指引，將較舊的 PPR、revalidate 或 unstable_cache 模式轉換為 Cache Components。
設計混合渲染路由
規劃使用 Suspense 結合靜態外殼、已快取資料和動態請求時區段的路由。
審查快取失效策略
為變更頻率不同的內容選擇適當的標籤、生命週期和失效 API。
試試這些提示
啟用 Cache Components
Show me how to enable Cache Components in a Next.js 16 project and explain what changes after enabling it.
分類路由內容
Review this page structure and classify which parts should be static, cached with use cache, or dynamic with Suspense.
選擇快取生命週期
Help me choose cacheLife profiles for product listings, dashboard metrics, and user-specific notifications in Next.js.
規劃遷移與失效處理
Create a migration plan from experimental.ppr, revalidate, dynamic settings, and unstable_cache to Cache Components with cache tags.
最佳實務
- 除非刻意使用 private cache 行為，否則將請求特定值保留在共用快取函式之外。
- 對於必須在變更操作後失效的資料，使用快取標籤。
- 將動態區段包在 Suspense 中，讓已快取和靜態內容可以提早串流。
避免
- 不要將 cookies、headers 或搜尋參數直接放入共用的 use cache 函式中。
- 不要對經常變更的資料使用最大快取生命週期。
- 不要將 updateTag 和 revalidateTag 視為可互換；請根據新鮮度需求選擇。
常見問題
這個技能能協助什麼？
它協助代理說明並套用 Next.js 16 Cache Components，包括指令、生命週期、標籤和遷移指引。
它會執行命令或修改我的專案嗎？
不會。此技能是 Markdown 指南，不包含可執行腳本或自動化掛鉤。
它可以協助從 unstable_cache 遷移嗎？
可以。它記錄了在模式適合時，如何以 use cache 指令替換 unstable_cache。
它有涵蓋動態請求資料嗎？
可以。它說明為什麼 cookies、headers 和搜尋參數在快取函式中需要特殊處理。
這只適用於 Vercel 部署嗎？
不是。此指引針對 Next.js Cache Components，不過某些快取設定檔可能取決於平台支援。
我仍然應該查看官方 Next.js 文件嗎？
應該。請使用官方文件了解最新的版本特定行為和部署細節。
開發者詳細資訊
作者
vercel-labs授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
36e07d5e13068e5be64447e8f20b427cf2cbd21a
維護新鮮度
2026/7/18
使用量
18 次下載 · 136 次瀏覽
檔案結構
📄 SKILL.md