create-next-app 실행할 때 나오는
Would you like to use Turbopack? (recommended)
은 개발 서버(dev server) 에서 Webpack 대신 Turbopack 을 쓸 건지 물어보는 거예요.
Turbopack이 뭔데?
- Vercel(Next.js 만든 회사) 이 만든 차세대 번들러예요.
- 기존에 Next.js는 내부적으로 Webpack 을 썼는데, 프로젝트가 커질수록 빌드 속도랑 HMR(Hot Module Reloading) 속도가 느려지는 문제가 있었어요.
- Webpack: 10-30초
- Turbopack: 1-3초 (10배 이상 빠름)
- Turbopack은 Rust 언어로 작성돼서 매우 빠른 컴파일/번들링 을 제공해요.
- Next.js 팀 발표에 따르면, Webpack 대비 최대 700배 빠른 HMR, 최대 10배 빠른 빌드 속도를 보인다고 해요.
- 현재는 개발 서버용(dev) 으로 안정화 중이고, 프로덕션 빌드용(prod) 에서는 아직 Webpack이 기본이에요.
- 일부 플러그인 호환성 문제
- 일부 Next.js 기능이 아직 완전히 지원되지 않음
- 커스텀 Webpack 설정이 제한적
터보팩을 사용한다 = 무슨 의미?
- 개발할 때
npm run dev 했을 때 코드 수정 → 브라우저 자동 새로고침 이 더 빠르게 반영돼요.
- 특히 큰 프로젝트에서 차이를 체감할 수 있어요.
- 다만, 아직 100% 완전하지 않아서 일부 플러그인/설정(Webpack 기반)이 안 될 수 있어요.