Next.js API 만들기 (3) Vercel로 배포하기

LeeKyungwon·2024년 6월 12일
0

프론트엔드 

목록 보기
46/56
post-custom-banner

Vercel에서 환경 변수 설정하기

환경변수 설정하기

Vercel에서 프로젝트를 생성하고 배포까지 완료했다면, 이제 Vercel이 Next.js 서버를 실행할 때 사용할 환경 변수를 등록해 주어야 한다.

  1. 프로젝트 화면에서 Settings 메뉴로 이동
  2. Environment Variables 메뉴로 이동
  3. 이 곳에서 Vercel에서 사용할 환경 변수를 추가할 수 있다.

Vercel과 MongoDB Atlas 연동하기

보통 보안을 위해서 데이터베이스에 접근할 수 있는 아이피를 제한한다.
Vercel에 배포된 프로젝트가 어떤 아이피로 데이터베이스에 접근하게 될까에 관한 정보는 Vercel이 관리하기 때문에, Vercel에서는 MongoDB Atlas 연동을 제공한다.

  1. Vercel 메인 화면에서 Integration이라는 메뉴로 들어간다.
  2. 마켓 플레이스에서 MongoDB Atlas를 선택하고, Add Integration을 클릭해서 연동 해준다.
  3. 모든 프로젝트에 적용해주고 모든 권한을 허용해준다.
  4. MongoDB Atlas 쪽에서 권한을 확인한다.
  5. Vercel 프로젝트와 연결할 클러스터(MongoDB Atlas에서 생성한 데이터베이스)를 물어보면, 둘을 연결해준다. 그리고 허용할 IP 목록에 Vercel을 위해서 0.0.0.0/0을 허용한다는 것을 이해했다고 체크한다.
  6. 성공적으로 연동했다면 프로젝트 환경 변수에 아래처럼 MONGODB_URI가 추가되어 있을것이다. 여기에 Vercel이 별도로 만든 유저 이름과 비밀번호로 데이터베이스 접속 주소가 만들어졌다.
  7. MongoDB Atlas에서는 Network Access로 들어가 보면 아래와 같이 0.0.0.0/0라는 아이피 주소가 추가되어 있는 걸 확인할 수 있다. (모든 아이피를 허용한다는 의미)

이러면 이제 데이터베이스까지 배포가 완료되었다.

post-custom-banner

0개의 댓글