next-cache-components

作成者： vercel

Partial Prerenderingを使用して、単一のNext.jsルート内で静的、キャッシュ、動的コンテンツを混在させます。next.config.tsでcacheComponents: trueを有効にすると、古いexperimental.pprフラグが置き換えられます。ファイル、コンポーネント、または関数レベルで'use cache'ディレクティブを使用し、引数とクロージャに基づく自動キー生成で非同期データをキャッシュします。cacheLife()を使用して、組み込みプロファイル（'minutes'、'hours'、'days'、'weeks'、'max'）またはstaleを含むインライン設定でキャッシュの有効期間を制御します。

npx skills add https://github.com/vercel-labs/next-skills --skill next-cache-components

ZIPダウンロード GitHub

vercelのその他のスキル

benchmark-sandbox

Vercel Sandbox上でvercel-pluginの評価シナリオを実行し、ローカルのWezTermパネルの代わりに使用します。Claude Codeとプラグインがプリインストールされた一時的なマイクロVMをプロビジョニングします…

emil-design-eng

このスキルは、Emil KowalskiのUIポリッシュ、コンポーネントデザイン、アニメーションの決定、そしてソフトウェアを素晴らしいものにする目に見えない細部に関する哲学をエンコードしています。

vercel-react-best-practices

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

vercel-react-best-practices

Vercel EngineeringによるReactおよびNext.jsのパフォーマンス最適化ガイドライン。このスキルは、React/Next.jsのコードを記述、レビュー、またはリファクタリングする際に使用すべきものです。

現実世界のユースケースを段階的な例を通じて教える技術ガイドを作成します。概念は読者が必要とするタイミングでのみ導入されます。

Vercelプラグインをリリース — ゲートを実行し、バージョンを上げ、アーティファクトを生成し、コミットしてプッシュします。「リリースして」「出荷して」「バージョンを上げてプッシュして」または「リリースを切って」と依頼されたときに使用します。

dev3000からチェックアウトしたVercelプロジェクトに対してDeepSecを実行します。ワンクリックDeepSecセットアップ、プロジェクトコンテキストのブートストラップ、制限付きの初回パス処理などに使用します。

マージされたNext.jsのプルリクエストをcanaryからnext-16-2などの以前のリリースブランチにバックポートします。ユーザーがバックポート、チェリーピック、またはオープンを依頼した場合に使用します…