[Korean FE Article] Next.js 앱 라우터 마이그레이션: 좋은 점, 나쁜 점, 그리고 최악인 점
소개
Next.js를 앱 라우터를 사용해 새로 시작하려 하시거나, 기존의 페이지 라우터에서 앱 라우터로 이전할 계획을 세우고 계신가요? 그렇다면 이번 글을 참고하시면 도움이 될 것 같습니다. 저자인 Brandon Bayer는 이전 페이지 라우터로 구축한 대시보드를 앱 라우터로 이전하며 얻은 경험을 공유하고 있습니다. 레이아웃, 로딩 구현의 간편함과 같은 장점들과 개발 서버의 성능 문제와 같은 단점들을 공유하며 아쉬움을 토로하고 Next.js의 차후 개선을 바라면서 끝맺고 있는데요. 앱 라우터를 사용하기에 앞서 어떤 장단점들이 있는지 알고 싶으신 분들께서 읽어보면 좋을 글입니다.
목차
Next.js 앱 라우터로 마이그레이션 하기
좋은 점: 레이아웃
좋은 점: 로딩 상태의 유연성
좋은 점: 서버에서 초기 데이터 로딩의 개발자 경험(DX)
나쁜 점: 실시간 UI 업데이트를 위해 클라이언트 측 데이터 가져오기를 추가해야 합니다
나쁜 점: 서버 측 오류가 쉽게 무시되거나 숨겨집니다
나쁜 점: 경로 이동 종료 애니메이션을 구현할 수 없습니다
나쁜 점: 라우팅 타입 안전성 부족합니다
최악인 점: 개발 서버 성능이 형편없습니다
최악인 점: 개발 서버 메모리 누수
최악인 점: 오류를 추적하기 어렵습니다
최악인 점: 프로덕션 마케팅의 시기상조
주의: 저희는 아직 Next.js 13.5.4를 사용 중입니다
다시 돌아갈 수 있다면 Remix를 선택하겠습니다