Flightcontrol이라는 서비스가 기존에 Next.js의 페이지 라우터를 사용해서 구축했던 대시보드 페이지를 Next.js의 새로운 라우팅인 앱 라우터로 다시 구축한 경험을 정리한 글입니다.

Flightcontrol이라는 서비스가 기존에 Next.js의 페이지 라우터를 사용해서 구축했던 대시보드 페이지를 Next.js의 새로운 라우팅인 앱 라우터로 다시 구축한 경험을 정리한 글입니다. 좋은 점 * 중첩 레이아웃이 가능해 짐 * 로딩 상태를 유연하게 표시할 수 있음 * 서버에서 초기 데이터 로딩의 좋은 DX 나쁜 점 * 실시간 업데이트를 위해 클라이언트에서 데이터를 가져오는 코드를 중복해서 작성해야 함. * 애니메이션 종료하는 라우팅을 작성할 수 없음 * 라우팅 타입 세이프티의 부재 추한 점 * 지금은 꽤 나아졌지만 개발서버가 너무 느림 * 개발서버의 메모리 누수 * 오류를 추적하기 어려움 * 성숙도에 비해서 너무 빨리 마케팅을 함 * 지나치게 복잡하고 불투명함 https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly