page.tsx 책임 경계

페이지는 URL을 서버에서 해석하고, 상호작용만 브라우저로 넘긴다

App Router의 page 컴포넌트는 기본적으로 서버에서 실행된다. 사용자 이벤트가 필요한 부분만 작은 island로 분리하면 초기 HTML과 번들이 함께 안정된다.

1 URL 입력

폴더 라우트 구조를 만든다.
params 동적 세그먼트를 읽는다.
query 검색 조건을 분리한다.

2 서버에서 먼저 결정

데이터

DB, 내부 API, 캐시 정책을 page에서 드러낸다.

초기 HTML

바로 읽어야 하는 콘텐츠를 서버 결과에 담는다.

라우트 상태

loading, error, not-found를 같은 계층에서 맞춘다.

3 작은 island

브라우저에서만 필요한 것
클릭 입력 window localStorage

페이지 전체가 아니라 해당 컴포넌트 파일에만 "use client"를 둔다.