Next.js 왜 이렇게 느릴까

한 1년 전만 해도 Next.js로 웹사이트를 신나게 개발했습니다. 그런데 유지보수할 일이 있어서 다시 프로젝트를 켜니까 너무 느리네요.

일단 Next.js는 보다시피 로딩하고 컴파일하는 시간만 30초 걸립니다. 페이지 이동할 때도 적게는 1초 많게는 3초 이상 시간이 드는데 개발할 때 상당히 스트레스를 받습니다. 웹 개발을 하다 보면 자잘한 코드를 고칠 때도 바로 바로 보이는 결과를 확인할 수 있어야 직성이 풀리는데 말이죠.

게다가 가끔은 EPERM: operation not permitted 오류가 나면서 개발 서버가 맛이 갑니다. 하지만 원인을 알 수 없습니다. 원래는 next가 이미 켜진 상태에서 또 next를 켜면 빌드 출력 폴더(.next)가 뒤엉키면서 나타나는 에러입니다. 그렇지만 요즘은 그냥 종종 뜨네요.

새로운 번들러 Turbopack을 지원한다고 해서 next dev --turbo 명령어로 개발 환경을 부팅했지만 새로운 오류가 나타납니다.

"Can't resolve /public/images/new_logo.png"

Next.js는 기존 웹팩 설정을 통해 이미지 파일을 import문으로 불러올 수 있게끔 해주는데요. turbopack을 사용하면 위와 같은 경로 형식으로는 불러올 수 없나 봅니다. 그 많은 경로를 다 수정해줄 수는 없으니까 또 설정을 해주어야 하는데 귀찮은 게 이만저만 아니네요.