next-data-fetching

SKILL.md

Choose where and how to fetch data in Next.js (App Router) using a consistent decision tree. Optimize for good TTFB without lying UX: defer only what the page can be content-correct without.

Ask these questions in order for each dataset you introduce (or change):

See references/decision-tree.md for the full tree (including latency/payload thresholds).

Next.js App Router データ取得デシジョン ツリーは、TTFB ファーストで誠実な UX に重点を置いています。データ フェッチ ロジック (RSC フェッチ、キャッシュ、SSG/ISR、ストリーミング サスペンス) を追加または変更する場合、メタデータまたは GenerateMetadata がリモート データに依存する場合、ユーザー固有の認証/セッション データを処理する場合、ハイブリッド サーバー プリフェッチとクライアント ハイドレーション (TanStack クエリ) を実装する場合、または TTFB/LCP 回帰を確認する場合に使用します。 ソース: bartdbont/next-data-fetching。

原文を見る