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 앱 라우터 데이터 가져오기 결정 트리는 TTFB 우선 및 정직한 UX에 중점을 둡니다. 데이터 가져오기 논리(RSC 가져오기, 캐싱, SSG/ISR, 스트리밍 Suspense)를 추가하거나 변경할 때, 메타데이터 또는 generateMetadata가 원격 데이터에 의존하는 경우, 사용자별 인증/세션 데이터를 처리할 때, 하이브리드 서버 프리페치 및 클라이언트 하이드레이션(TanStack 쿼리)을 구현할 때 또는 TTFB/LCP 회귀를 검토할 때 사용합니다. 출처: bartdbont/next-data-fetching.

원본 보기