On the server
이 데모는 라우트 세그먼트를 바꿨을 때 서버가 생성하는 RSC payload/HTML 범위가 어떻게 달라지는지 보여줍니다. 아래 링크로 이동하며 URL을 직접 바꿔보세요.
참고: 세그먼트 페이지의 RSC payload/HTML 수치는 개념 이해를 위한 예시 값입니다. 실측값은 next build --profile로 확인할 수 있습니다.
파일 구조
on-the-server/
├── page.tsx
└── demo/
└── [segment]/
└── page.tsx핵심 파일 코드
// demo/[segment]/page.tsx
const { segment } = await params
const config = SEGMENT_CONFIG[segment]
return (
<>
<p>RSC payload: {config.payloadKb}KB</p>
<p>HTML preview: {config.htmlCoverage}%</p>
</>
)