next.cofing.js 파일에서 환경변수를 설정하는 방법

next.cofing.js 파일에서 환경변수를 설정하는 방법
: 보안적 이슈로 인해 api 주소나 민감한 정보들은 클라이언트에서 노출되지 않도록 .env파일을 사용할 것 

 

설정 

// next.config.js 파일 
module.exports = {
  env: {
    customKey: 'my-value',
  },
}

- 사용할 때는 process.env.{key_name} 와 같이 접근해서 사용

// 코드에서 사용 
export default function Home() {

  //환경 변수
  const config = process.env.customKey;

  return (
    <div>
      <div>env variable in config file : {config}</div>
    </div>
  );
}

 

 

출처

https://intrepidgeeks.com/tutorial/nextjs-nextconfigjs

Next.js - next.config.js