[API Key] .env 파일에 숨기고 Vercel 배포

Vercel 오랜만에 사용한다.

 

Google Maps API Key를 숨기고 Github에 Public으로 올려서 배포하려는데,

방법을 까먹어서 다시 기록한다.

 

 

.env 파일에 반드시 REACT_APP으로 시작해야하고,

Quote""는 필요 없이 = API Key만 입력해준다.

 

 

 

 

apiKey를 가져올 때는

process.env.REACT_APP_ 이 형태로 가져와야 Vercel에서 오류가 안난다.

const apiKey = process.env.REACT_APP_GOOGLE_MAPS_API_KEY;

 

 

 

이제 Vercel 환경설정에서 API Key를 등록해줘야하는데,

Settings → Environment Variables → Key에 추가해주면 된다.

 

 

 

배포 완료👍