Vercel에서 프로젝트를 생성하고 배포까지 완료했다면, 이제 Vercel이 Next.js 서버를 실행할 때 사용할 환경 변수를 등록해 주어야 한다.
- 프로젝트 화면에서 Settings 메뉴로 이동
- Environment Variables 메뉴로 이동
- 이 곳에서 Vercel에서 사용할 환경 변수를 추가할 수 있다.
보통 보안을 위해서 데이터베이스에 접근할 수 있는 아이피를 제한한다.
Vercel에 배포된 프로젝트가 어떤 아이피로 데이터베이스에 접근하게 될까에 관한 정보는 Vercel이 관리하기 때문에, Vercel에서는 MongoDB Atlas 연동을 제공한다.
- Vercel 메인 화면에서 Integration이라는 메뉴로 들어간다.
- 마켓 플레이스에서 MongoDB Atlas를 선택하고, Add Integration을 클릭해서 연동 해준다.
- 모든 프로젝트에 적용해주고 모든 권한을 허용해준다.
- MongoDB Atlas 쪽에서 권한을 확인한다.
- Vercel 프로젝트와 연결할 클러스터(MongoDB Atlas에서 생성한 데이터베이스)를 물어보면, 둘을 연결해준다. 그리고 허용할 IP 목록에 Vercel을 위해서 0.0.0.0/0을 허용한다는 것을 이해했다고 체크한다.
- 성공적으로 연동했다면 프로젝트 환경 변수에 아래처럼 MONGODB_URI가 추가되어 있을것이다. 여기에 Vercel이 별도로 만든 유저 이름과 비밀번호로 데이터베이스 접속 주소가 만들어졌다.
- MongoDB Atlas에서는 Network Access로 들어가 보면 아래와 같이 0.0.0.0/0라는 아이피 주소가 추가되어 있는 걸 확인할 수 있다. (모든 아이피를 허용한다는 의미)
이러면 이제 데이터베이스까지 배포가 완료되었다.