·cache-components
</>

cache-components

sgcarstrends/sgcarstrends

キャッシュ ディレクティブ、サスペンス境界、cacheLife プロファイルを使用して Next.js 16 キャッシュ コンポーネントを実装します。ページのパフォーマンスを最適化する場合、またはコンポーネントをキャッシュ モードに移行する場合に使用します。

10インストール·0トレンド·@sgcarstrends

インストール

$npx skills add https://github.com/sgcarstrends/sgcarstrends --skill cache-components

SKILL.md

This skill helps you implement and optimize Next.js 16 Cache Components in apps/web/.

Next.js 16 introduced Cache Components to improve performance by caching component render results.

Use broad, domain-level cache tags to minimize ISR write operations:

キャッシュ ディレクティブ、サスペンス境界、cacheLife プロファイルを使用して Next.js 16 キャッシュ コンポーネントを実装します。ページのパフォーマンスを最適化する場合、またはコンポーネントをキャッシュ モードに移行する場合に使用します。 ソース: sgcarstrends/sgcarstrends。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/sgcarstrends/sgcarstrends --skill cache-components
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

cache-components とは?

キャッシュ ディレクティブ、サスペンス境界、cacheLife プロファイルを使用して Next.js 16 キャッシュ コンポーネントを実装します。ページのパフォーマンスを最適化する場合、またはコンポーネントをキャッシュ モードに移行する場合に使用します。 ソース: sgcarstrends/sgcarstrends。

cache-components のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sgcarstrends/sgcarstrends --skill cache-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/sgcarstrends/sgcarstrends