NEXT.JS와 CDN, 그리고 도커 이미지 경량화

간단 소개

NEXT.JS 운영 시 CDN 연동 및 도커 이미지 경량화 방법을 소개하고, 이를 통해 얻을 수 있는 이점을 설명합니다.

AI Summary

NEXT.JS와 CDN 연동
- assetPrefix 옵션을 사용하여 CDN URL을 설정하고, .next/static 폴더 내용을 CDN Origin에 업로드 (경로 변경 필요).
- CDN 연동 후, NEXT.JS 서버는 SSR과 이미지 최적화에 집중, CDN은 정적 파일 제공.
- CDN 연동 장점: 엣지 포인트 활용, 압축 성능 개선, 최신 HTTP 프로토콜 지원.
NEXT.JS 도커 이미지 경량화
- output: standalone 옵션을 사용하여 불필요한 파일 제거, 이미지 크기 감소.
- standalone 폴더와 필요한 파일만 포함하여 도커 이미지 생성.
- 이미지 경량화 이점: 배포 속도 향상.