Runtime 환경 변수 설정으로 빌드 프로세스 개선하기

간단 소개

Next.js 환경에서 런타임 환경 변수 URL 주입 방식을 통해 빌드 프로세스를 개선하고, 빌드 결과물의 신뢰성을 높이는 방법에 대한 설명.

AI Summary

Next.js 환경 변수 주입 방식의 문제점
- 빌드 타임에 환경 변수를 주입하여 여러 환경에 배포 시 각 환경별로 빌드해야 하는 번거로움이 존재
- 빌드 과정 중 외부 요인으로 인한 사이드 이펙트 발생 가능성이 있고, 빌드 결과물의 신뢰성이 저하될 수 있음
런타임 환경 변수 주입 방식 (URL 방식) 도입
- Next.js의 Runtime Configuration은 SSG에서 동작하지 않아 대안으로 환경 변수 URL 방식 사용
- 환경 변수를 window 객체에 저장하는 스크립트 파일을 생성하여 public 폴더에 저장하고, 클라이언트에서 사용
- 서버에서도 환경 변수를 사용할 수 있도록 .env 파일을 복사
결론 및 추가 개선 방안
- 런타임 환경 변수 주입으로 빌드 프로세스를 단순화하고 빌드 결과물의 신뢰성을 향상
- 추가적으로 환경 변수 스크립트에 암호화를 적용하여 보안을 강화할 수 있음