[NextJs] reactJs firebase config .env 설정 에러

react에서 firebase config를 설정하면서 .env에 firebase sdk 설정값을 저장해 두고 사용하려고 하는데

값이 계속 설정이 안되는 문제가 발생 했다.

 

FirebaseError: Firebase: Error (auth/invalid-api-key).

 

보통 react에서 .env 를 사용할 떄는 REACT_APP 을 꼭 붙여야 인식이 된다고 알고 있지만

NextJs에서는 NEXT_PUBLIC으로 사용해야 한다.

//일반 reactJS
const firebaseConfig = {
  apiKey: process.env.REACT_APP_apiKey,
};

// NextJS 사용 시 
const firebaseConfig = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_apiKey,
};

 

한참을 뭐가 잘못 된건지 ..몇시간을 날렸는지..

변한지 않는것은 환경변수 셋팅에서 헤멘다는것...

 

끝.