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のその他のスキル

ローカル開発およびテスト用のエミュレートされたVercel REST API。ユーザーがローカルでVercel APIエンドポイントとやり取りしたり、Vercel統合をテストしたりする必要がある場合に使用します。

Vercel Cron Jobsの設定とベストプラクティス。vercel.jsonでスケジュールタスクを追加、編集、デバッグする際に使用します。

json-renderのコード生成ユーティリティ。UI仕様からコードを生成する際、カスタムコードエクスポーターの構築、仕様の走査、プロパティのシリアライズなどに使用します。

next-best-practice

Next.jsのベストプラクティス - ファイル規約、RSC境界、データパターン、非同期API、メタデータ、エラーハンドリング、ルートハンドラ、画像/フォント最適化、…

benchmark-sandbox

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

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

benchmark-testing

ベンチマークテストプロジェクトを作成し、起動して、現実的なシナリオ全体でvercel-pluginスキルインジェクションを実行します。隔離されたディレクトリを設定し、インストールし…

Vercel AI Gatewayの専門的なガイダンス。モデルルーティング、プロバイダーのフェイルオーバー、コスト追跡、または統一された方法で複数のAIプロバイダーを管理する際に使用します。