본문 바로가기

프로젝트/Next.js

Next.js .env 파일 관리!

Vercel을 이용해 배포를 하던중 GitHub에 .env 파일이 없어 배포가 되지 않는 현상을 발견했다!  

 

.env 파일을 gitignore 로 안보이게 하니 Vercel 에서 배포를 하지 못하고 에러가 났다. 

이유는 Vercel은  git repository에 연결하면

새로 변경한 코드를 메인 브랜치에 병합 시 자동으로 빌드 후 배포 해주기 때문에 그런것이다! 

 

gitignore 를 이용해야 한다 생각해 한참을 삽질 했지만 답을 찾지 못했는데

문득 GitHub에 .env파일이 없어서 안되는 거면 Vercel에 등록할 수 있겠다는 생각이 들었고 검색해보니 답을 찾을 수 있었다.

 

해결법

Vercel로 들어가 프로젝트로 이동해 Settings 메뉴에서 Environment Variable 페이지로 이동한다.

Settings  메뉴에서  Environment Variable

그리고 아래로 내리다 보면 이런것을 볼 수 있는데 

여기 Import를 누르고 만들었던 env파일을 올리주면 

이렇게 등록이되는데 이때 프로젝트를 재배포 해주면 GitHub에 .env파일이 없어도 깔끔하게 배포가 잘 된다! 

'프로젝트 > Next.js' 카테고리의 다른 글

Next.js 1 (라우팅)  (0) 2023.04.27
Next.js를 알아보자!  (0) 2023.04.25