React+Vite에서 Next.js App Router로 갈아탄 이유: 디자이너 빌드 경험기

직접 SaaS를 만들어보기로 했습니다. 관리형 서비스 플랫폼으로, 여러 조직이 가입해서 각자의 팀을 관리하는 구조입니다. 처음엔 이미 익숙한 React+Vite로 내부 테스트 버전을 먼저 만들었습니다. 작동은 잘 됐습니다. 문제는 외부에 공개할 SaaS 버전을 만들 때 시작됐습니다. 로그인한 사람이 어떤 조직 소속인지 판단해서 맞는 화면을 보여줘야 하고, 슈퍼어드민은 전체 조직을 관리하고, 어드민은 자기 조직만, 일반 유저는 서비스 화면만 봐야 했습니다. 내부 테스트 버전 코드를 그대로 쓰려 했는데, 잠깐 로그인 화면이 보였다가 대시보드로 넘어가는 깜빡임이 생겼고, 조직별 URL 구조를 클라이언트에서 처리하는 코드가 점점 복잡해졌습니다. Claude Code로 같이 빌드하면서 이 문제를 파고들다가 결론이 나왔습니다. 이 구조는 React+Vite로 억지로 맞추는 것보다 Next.js App Router로 새로 잡는 게 맞다고요. 이 글은 그 판단의 이유 다섯 가지를 구체적으로 정리한 것입니다.