Next.js와 CDN 연동 및 Docker 이미지 경량화 방법

Next.js를 Vercel 같은 관리형 서비스가 아닌 AWS ECS나 EKS로 직접 운영할 때 적용할 수 있는 두 가지 최적화 노하우를 공유한다.

첫째, CDN(e.g. AWS CloudFront) 연동이다. next.config.js의 assetPrefix 옵션을 사용해 정적 파일 경로를 설정하면, Next.js 서버는 **SSR(Server-Side Rendering)**과 이미지 최적화에만 집중할 수 있다. 이를 통해 엣지 포인트에서의 빠른 파일 제공, 압축 성능 개선, 최신 HTTP 프로토콜 활용이라는 이점을 얻을 수 있다.

둘째, Docker 이미지 경량화이다. output: standalone 옵션을 사용하면 빌드 시 필요한 파일만 포함된 standalone 폴더가 생성된다. 이를 활용해 이미지를 구성하면 기존 180MB 수준이던 이미지를 70MB까지 줄일 수 있으며, 이는 컨테이너 배포 속도 향상으로 이어진다.