NEXT.JS에서 API KEY 숨기기

eggMun·2023년 4월 16일
1
post-thumbnail
  1. 환경 변수를 선언한다.
    먼저 최상단에 .env 파일을 만든다.
    그리고 환경 변수명에 NEXT_PUBLIC을 붙여서 변수명을 지어준다.
    그리고 변수 값에 따옴표 없이 api key를 그대로 입력해 준다.


2. 환경 변수 값 가져오기
환경 변수는 process.env로 가져올 수 있다.
process.env.환경변수명 이렇게 해서 가져 오면 된다.


3. gitignore 설정
.env 파일은 git에 올리면 환경 변수를 설정한 의미가 없기 때문에 gitignore에 .evn를 적어 git에 안올라가게 막는다.

자 이렇게 하면 next.js에서도 api key를 숨길 수 있다!

profile
블로그 이전: https://eggmun98.tistory.com/

0개의 댓글