1. .env 파일을 사용하는 방법:
   • 프로젝트 루트 경로에 .env 파일을 생성합니다.
   • 필요한 환경 변수를 KEY=VALUE 형태로 .env 파일에 추가합니다.
   • Next.js는 자동으로 .env 파일을 읽어 환경 변수를 로드합니다.
   • 예를 들어, .env 파일에 API_KEY=123456라는 변수가 있다면, process.env.API_KEY를 통해 해당 값을 사용할 수 있습니다.
2. publicRuntimeConfig를 사용하는 방법:
   • next.config.js 파일을 프로젝트 루트 경로에 생성합니다.
   • 다음과 같이 publicRuntimeConfig 객체를 설정합니다.

     module.exports = {
     publicRuntimeConfig: {
       API_KEY: process.env.API_KEY,
     },
     };
     

   • 이제 next.config.js 파일에서 설정한 환경 변수는 process.env 대신 next/config에서 불러와서 사용할 수 있습니다.
   • 예를 들어, publicRuntimeConfig.API_KEY를 통해 해당 값을 사용할 수 있습니다.
3. next.config.js에서 환경 변수를 직접 설정하는 방법:
   • next.config.js 파일을 열고, env 객체를 사용하여 환경 변수를 설정합니다.
   • 예를 들어, 다음과 같이 설정합니다.

     module.exports = {
     env: {
       API_KEY: '123456',
     },
     };
     

   • 이제 process.env.API_KEY를 통해 해당 값을 사용할 수 있습니다.

이러한 방법을 사용하여 Next.js 프로젝트에서 환경 변수를 설정할 수 있습니다. 선택한 방법은 프로젝트의 요구 사항에 따라 달라질 수 있습니다. 또한, .env 파일을 사용할 때는 .env 파일을 .gitignore에 추가하여 비공개 유지해야 합니다.

참고 문서:

• Next.js 환경 변수 설정 가이드: https://nextjs.org/docs/basic-features/environment-variables
• Next.js 공식 문서: https://nextjs.org/docs