Next.js에서 .env 사용하기

 

 

 

🙆‍♀️ .env 생성하기

 

react에서 했던 것처럼 .env를 최상단 루트에 만들어주고

.gitignore에 .env를 등록해준다.

 

 

 

 

 

🙆‍♀️ .env 작성하기

 

 

<React>

REACT_APP_API_KEY=1234567890

<Next.js>

NEXT_PUBLIC_API_KEY=1234567890

 

 

 

 

 

🙆‍♀️ .env 이용하기

 

<React>

const API_KEY = process.env.REACT_APP_API_KEY;

<Next.js>

const API_KEY = process.env.NEXT_PUBLIC_API_KEY;