Next.js에서 환경 변수를 어떻게 관리하나요?

Next.js에서 환경 변수를 설정하려면 .env 파일을 사용한다고 들었는데, 이를 올바르게 설정하고 사용하는 방법이 궁금합니다. 클라이언트와 서버에서 다르게 쓰이나요?

1개의 답변이 있어요!

  • Next.js에서는 .env 파일을 사용하여 환경 변수를 설정합니다. .env.local 파일은 로컬 환경에서만 사용되는 설정을 담고, .env.production은 프로덕션 환경에서 사용됩니다. 클라이언트와 서버에서 환경 변수를 다르게 사용할 수 있습니다. 서버 측에서는 process.env로 직접 접근하며, 클라이언트 측에서는 환경 변수를 노출시키기 위해 NEXT_PUBLIC_ 접두어를 붙여야 합니다. 예를 들어 NEXT_PUBLIC_API_URL처럼 설정하면 클라이언트 측에서도 사용할 수 있습니다. 환경 변수 파일을 프로젝트 루트에 배치하고, .env.local은 git에 포함되지 않도록 .gitignore에 추가해야 보안도 유지됩니다.