캐시(Cache)를 이용해서 Next.js 빌드 최적화, 근데 이제 도커를 곁들인

date
Nov 6, 2023
slug
nextjs-build-optimization-in-ci
summary
CI/CD에서 캐시를 이용해서 빌드 타임을 줄여보자
thumbnail
status

🗂️ .next/cache

notion image
Next.js 에서 빌드를 한번 하게 되면 그 후 빌드부터는 시간이 줄게 된다. 이는 빌드시 생성되는 .next/cache에 데이터를 캐싱하고 있기 때문이다.

Continuous Integration (CI)

Next.js 공식문서에서도 CI
참고로 .next/cache 는 애플리케이션 실행에 지장을 주지 않기 때문에, 빌드 후 용량 최적화를 위해 없 된다.

결과

Next.js Local Build

💡
평균 5회 기준

SWC 적용

Before
After
65s
44s

SWC 적용 (Build Cache가 있는 상태)

Before
After
65s
21s

Next.js Remote Build

💡
github action
Before
After
220s
80s

Next.js Remote Build with SWC

Before
After
220s
73s