대규모 아키텍처 개선에서Pages Router를 App Router로 전 상세 페이지

첫 번째로 성능 개선이었습니다. App Router는 서버 컴포넌트를 기본으로 지원해서 초기 번들 사이즈를 크게 줄일 수 있었고, 스트리밍 렌더링으로 사용자가 더 빠르게 콘텐츠를 볼 수 있게 됐어요.

두 번째는 개발자 경험 향상이었습니다. 기존 Pages Router에서는 getServerSideProps나 getStaticProps로 데이터 패칭이 분리되어 있었는데, App Router에서는 컴포넌트 레벨에서 직접 fetch할 수 있어서 코드가 훨씬 직관적이고 유지보수하기 좋아졌어요.

마지막으로 미래 지향적인 선택이었습니다. Next.js 13부터 App Router가 stable해지면서 앞으로 새로운 기능들이 App Router 중심으로 개발될 것 같았고, 실제로 Server Actions 같은 기능들을 활용할 수 있게 됐거든요.