Vercel에서 커스텀 도메인 연결하기

Vercel에서 프로젝트를 성공적으로 배포했다면, 다음 단계는 나만의 도메인을 연결하는 것이다.

하지만 도메인을 구입했다고 해서 바로 사용할 수 있는 것은 아니다. DNS 설정을 해줘야 내 도메인을 사용할 수 있다.

DNS란?

DNS는 사람이 인식하는 도메인 이름(https://example.com) 을 컴퓨터가 이해하는 IP 주소(192.168.1.1)로 바꿔주는 역할을 한다.

왜 DNS 연결을 해줘야 할까?

일반적으로 도메인을 구입한 곳(가비아)과 실제 서버가 있는 곳(Vercel)이 다르기 때문에, "이 도메인으로 들어오면 Vercel 서버로 보내줘" 라는 것을 DNS 설정을 통해 해줘야 한다.

적용 방법

1. Vercel에서 커스텀 도메인 등록하기

1. 내 프로젝트의 Settings → Domains에서 Add Domain을 클릭한다.

   

2. Add Domain 에서 내 도메인을 입력해준다.

   

3. 입력하고 나면, 처음에는 Invalid Configuration 라고 뜨면서 A 레코드 혹은 네임서버를 등록하라는 내용이 나온다. 나는 이미 A 레코드를 등록한 상태이지만, DNS 레코드를 변경하라는 추천 사항이 있어서 등록하는 것과 똑같은 과정으로 진행했다.

   

   A 레코드 내용을 복사한 뒤, 내가 도메인을 구입한 사이트로 이동한다.

2. 가비아에서 DNS 설정하기

1. My가비아 → 내가 등록한 도메인의 ‘관리’ 클릭 → DNS 정보에서 도메인 연결의 ‘설정’ 클릭

   

2. DNS 설정에서 레코드 추가를 눌러서, Vercel에 있는 A레코드 정보를 입력해주고 확인을 누르고 저장해주면 DNS 설정이 완료된다.

   

이렇게 해준 뒤 몇 분정도 시간이 지나면 vercel에서 내 도메인에 Valid Configuration 이라고 되어 있으면 내 도메인을 사용할 수 있는 상태가 되었다는 뜻이다.

이 방법은 A 레코드를 사용하는 방식이고 CNAME과 네임서버 방식도 있다.

하지만 나는 리다이렉션을 추가하지 않았기 때문에 일단은 A 레코드만 사용했고, www 서브도메인을 함께 사용하고 싶다면 CNAME 레코드도 추가하면 된다.

참고 : https://vercel.com/docs/domains/working-with-domains/add-a-domain