Communityライティング&編集github.com

mohamed-hossam1/nextjs-cache-architecture

Next.js 16+ App Routerにおける「use cache」ディレクティブの設定、キャッシュタグレジストリの構築、ミューテーションと無効化ユーティリティの連携、部分プリレンダリング用のSuspense境界の構造化、キャッシュ境界付近のパーソナライズコンテンツの処理、キャッシュライフプロファイルの選択、cacheTag/updateTag/revalidateTagの正しい使い方、unstable_cacheからの移行、古いデータや誤ったフレッシュデータのデバッグなどを支援するスキルです。

nextjs-cache-architecture とは?

このスキルは、Next.js 16+ App Routerプロジェクトにおけるキャッシュアーキテクチャの設計・実装を支援します。主に「use cache」ディレクティブのセットアップ、キャッシュタグレジストリの構築、データ更新とキャッシュ無効化の連携、部分プリレンダリング(PPR)のためのSuspense境界の設計、パーソナライズコンテンツをキャッシュ境界付近で適切に処理する方法、キャッシュライフプロファイルの選択、cacheTag/updateTag/revalidateTagの正しい使用法、従来のunstable_cacheからの移行手順、そしてキャッシュのデバッグ(古いデータや誤ったフレッシュデータの原因特定)をカバーします。 このスキルは、開発者が「投稿テーブルがある」などドメインを説明しただけでもトリガーされ、そのドメインに最適なキャッシュ戦略を提案します。ガイドラインに従い、Next.jsアプリケーションのパフォーマンスとデータ整合性を最大限に高めることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mohamed-hossam1/nextjs-cache-architecture/tree/main/skills/nextjs-cache-architecture

Installed? Explore more ライティング&編集 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

nextjs-cache-architecture は何をしますか?

このスキルは、ユーザーがNext.js 16+ App Routerプロジェクトにおいてキャッシュの設計や実装を行いたい場合に使用してください。具体的には、「use cache」ディレクティブの設定、キャッシュタグレジストリの構築、ミューテーションと無効化ユーティリティの連携、部分プリレンダリング用のSuspense境界の構造化、キャッシュ境界付近のパーソナライズコンテンツの処理、キャッシュライフプロファイルの選択、cacheTag / updateTag / revalidateTag の正しい使い方、unstable_cache からの移行、古いデータや誤ったフレッシュデータのデバッグなどを支援します。ユーザーが自分のドメインを説明しただけの場合(例:「投稿テーブルがあります」)でもトリガーされ、適切なキャッシュ方法を尋ねることができます。

関連スキル