App Router 우선
레이아웃, 로딩 UI, 서버 컴포넌트, 캐싱 전략을 처음부터 같은 구조로 설계합니다.
라우터 선택 기준
라우터 운영 전략
App Router는 새 프로젝트의 기본값으로 두되, 운영 중인 Pages Router는 성능 지표와 전환 리스크를 보며 화면 단위로 옮기는 편이 안정적입니다.
Pages 유지 가능
이미 안정적인 라우트는 유지하고, 전환 가치가 큰 화면부터 범위를 나눕니다.
측정 후 결정
번들 크기, 초기 응답, 배포 실패율을 같은 조건에서 비교한 뒤 확장합니다.
1
라우트 분류
신규 화면, 변경 빈도 높은 화면, 안정 운영 화면을 먼저 나눕니다.
2
경계 설정
서버 컴포넌트와 클라이언트 컴포넌트가 만나는 위치를 문서화합니다.
3
지표 비교
빌드 시간, 번들 크기, 응답 시간, 오류율을 같은 조건으로 봅니다.
4
범위 확대
작은 라우트에서 성공 패턴이 확인되면 공통 레이아웃으로 넓힙니다.
선택 전 점검 항목
팀 학습 비용
Pages Router는 기존 React 지식과 자료가 많습니다.
App Router는 RSC, 캐시, 서버 액션까지 함께 익혀야 합니다.
성능 전략
SSR, SSG 함수 중심으로 페이지 단위 정책을 세웁니다.
서버 컴포넌트, 스트리밍, fetch 캐시를 조합합니다.
운영 안정성
이미 검증된 라우트는 유지하는 선택도 합리적입니다.
신규 영역부터 전환하면 배포 리스크를 작게 유지할 수
있습니다.
이 책은 App Router를 중심으로 설명하지만, 실무에서는 최신 기능보다 서비스 안정성, 팀 학습 속도, 측정 가능한 성능 개선을 함께 판단해야 합니다.