hello-world

이 페이지는 dynamic 라우트로, 매 요청마다 서버에서 렌더링됩니다.loading.tsx덕분에 대기 중에 skeleton이 표시되었습니다.

서버 렌더링 시각:

PM 4:56:53

slug: hello-world

핵심 소스코드

// app/blog/[slug]/loading.tsx
export default function Loading() {
  return <LoadingSkeleton />
}

// loading.tsx를 추가하면:
// 1. 부분 prefetch 활성화 (layout + skeleton)
// 2. 즉시 네비게이션 + skeleton 표시
// 3. 서버 렌더링 완료 시 콘텐츠로 교체

← 목록으로 돌아가기