Vercel로 서빙되는 프로젝트의 도메인을 옮길 일이 있어서 그 과정을 정리해둔다.

Vercel에서는 git push를 했을 때 연결된 도메인이 있다면 해당 도메인에 자동 배포를 해준다. 도메인은 Wix에 연결되어 있었는데, 이러면 Wix에서밖에 쓰지 못한다고 하여 네임서버를 AWS Route 53에서 생성한 것으로 바꿔줬다.

AWS Route 53 네임서버 생성하기

AWS Route53에서 보유한 도메인에 대해 호스팅 영역을 생성한다. 그러면 NS 유형에 네임서버가 4개 생성된다.

호스팅 업체에 등록된 네임서버 변경하기

호스팅 업체(ex. 후이즈)에 등록된 네임서버를 AWS Route 53에서 생성된 네임서버로 바꿔준다. 나는 .net과 .org로 끝나는 네임서버 2개를 넣었다. 변경사항이 전부 반영되는데는 2~3시간정도 걸린 것 같다.

Vercel 도메인 연결

1. Vercel 계정의 Domains 탭에 도메인을 등록한다.
   

2. 서빙하고자 하는 프로젝트의 Settings > Domains 탭에서 도메인을 추가한다.
   이때 Invalid Configuration 은 해당 도메인이 호스팅 서비스에 등록이 되어 있지 않아 생기는 오류이므로 등록해주기 위해 CNAME 영역의 cname.vercel-dns.com 을 복사한다.
   

3. AWS Route 53 에서 해당 메뉴에 들어가 복사한 CNAME 값을 넣어주고 다음과 같이 설정한 뒤 레코드를 생성한다. 루트 도메인, 서브 도메인이 1개씩 필요했기 때문에 이 작업을 2번 반복했다.
   

4. Vercel에서 연동이 완료된 것을 확인한다. 연동할 브랜치는 Edit을 통해 설정할 수 있다.