Next.js 14 App Router 프로젝트인데 빌드 시간이 8분이 넘습니다. 페이지가 50개 정도 되고 동적 라우트도 많은 편입니다. 개발 환경에서는 괜찮은데 프로덕션 빌드가 너무 느려서 CI/CD 파이프라인에서 병목이 되고 있어요. 빌드 최적화 방법이 있을까요? 현재 환경: - Next.js 14.1 - 페이지 약 50개 - 이미지 최적화 사용 중 - Vercel 배포
댓글 2
1. **불필요한 정적 생성 제거**: `generateStaticParams`에서 모든 페이지를 빌드타임에 생성하고 있다면, 자주 접근하는 페이지만 미리 생성하고 나머지는 ISR로 처리하세요.
```typescript
// next.config.js
module.exports = {
experimental: {
workerThreads: true,
cpus: 4,
},
images: {
minimumCacheTTL: 60,
},
}
```
2. **bundle analyzer로 번들 크기 분석**:
```bash
npm install @next/bundle-analyzer
ANALYZE=true next build
```
3. **dynamic import 활용**: 큰 라이브러리는 `next/dynamic`으로 지연 로딩하세요.
4. **.next/cache** 디렉토리를 CI에서 캐싱하고 있는지 확인하세요. 캐시가 없으면 매번 처음부터 빌드합니다.