NEXT · STREAM

loading.tsx 스트리밍 타임라인

`loading.tsx`는 느린 데이터가 끝날 때까지 화면을 비워두지 않고, 가장 가까운 세그먼트 fallback을 먼저 보냅니다.

loading.tsx 스트리밍 타임라인 구조

suspense
request라우트 세그먼트 렌더링 시작
fallback가까운 loading.tsx 먼저 표시
stream준비된 HTML chunk부터 전송
replace데이터 완료 후 실제 UI로 교체
requestfallbackstreamreplace

loading.tsx 스트리밍 타임라인 기준

점검
loading.tsxloading.tsx는 같은 세그먼트와 하위 세그먼트에 적용됩니다.
상위상위 레이아웃은 유지하고 느린 영역만 fallback으로 바뀝니다.
클라이언트클라이언트 훅이 필요하면 loading 파일도 use client 경계가 됩니다.
빈 스피너보다 실제 레이아웃에 가까운 skeleton이 안정적입니다.