페이지 작성은 URL 결정에서 시작해 데이터와 상태 경계까지 이어진다
새 page.tsx를 만들 때는 파일을 먼저 쓰기보다 URL, 데이터 출처, 동적 입력, 로딩/오류 상태를 순서대로 확정한다.
| 순서 | 결정할 것 | 작성 위치 | 검증 기준 |
|---|---|---|---|
| 1. URL | 사용자가 접근할 경로 | app/posts/page.tsx | /posts에서 렌더링되는가 |
| 2. 화면 책임 | page가 직접 그릴 고유 UI | page.tsx return | 공통 UI는 layout에 남겼는가 |
| 3. 데이터 | 서버에서 미리 가져올 데이터 | async page + fetch | 캐시/재검증 정책을 정했는가 |
| 4. 동적 값 | params id, slug, query | [id]/page.tsx | params Promise를 await하는가 |
| 5. 상태 파일 | loading, error, not-found | 같은 세그먼트 폴더 | 느린 요청과 실패 화면이 있는가 |