NEXT.JS 성능 부스팅: CDN 연동 & 도커 이미지 경량화!
by DD
2년 전
조회수 0
NEXT.JS 기반 웹 페이지에서 CDN을 활용하여 정적 파일 로딩 속도를 개선함
assetPrefix 설정을 통해 CDN 연동, SSR과 정적 파일 제공 분리
도커 이미지 경량화를 통해 배포 속도 2배 향상 및 이미지 용량 60% 감소
CDN 연동: assetPrefix 설정 심층 분석
assetPrefix 설정을 통해 NEXT.JS 정적 자원을 CDN으로 분리하여 로딩 속도를 개선한다. 구체적으로, `next.config.js`에서 CDN URL을 지정하고, 빌드 후 생성된 static 폴더를 S3와 같은 CDN Origin에 업로드한다. 따라서, SSR과 정적 자원 제공을 분리하여 서버 부하를 줄인다.
도커 이미지 경량화: output: standalone 옵션
output: standalone 옵션을 사용하여 도커 이미지 크기를 줄인다. 구체적으로, 빌드 시 standalone 폴더를 생성하고, 이 폴더와 필요한 파일만 포함하여 이미지를 구성한다. 반면, 기존 방식은 불필요한 파일들을 포함하여 이미지 크기가 컸다. 결과적으로, 및 을 달성한다.
