토스뱅크 프론트엔드 개발팀이 Next.js의 App Router와 React Server Components(RSC) 도입을 검토했으나, 최종적으로 Pages Router를 유지하기로 결정한 과정을 공유합니다. 기술적 이점인 번들 크기 감소와 데이터 페칭 간소화에도 불구하고, WebKit 환경에서의 FCP 지연 문제, 스켈레톤 UI로 인한 레이아웃 이동(Layout Shift), Client와 Server Component 간의 경계 관리 비용, 그리고 두 라우터를 병행 사용할 때 발생하는 basePath 이슈 등 실질적인 운영 및 전환 비용이 더 크다는 결론을 내렸습니다. 새로운 기술 도입 시 서비스의 특성과 전환 비용을 면밀히 검토하는 것이 중요하다는 교훈을 담고 있습니다.