VercelのサイトにVercel以外のDNSで管理しているドメインのサブドメインを設定する

レッドインパルスのたかけんです。
REDIMPULZ Advent Calendar 2020 の3日目のエントリーです。

はじめに

昨日のアドベントカレンダーで、「TypeScript導入済みのミニマムなNext.jsのテンプレートを作った」という記事を作成した際に、
サンプルページを公開を公開しようと思ってVercelでデプロイしたのですが、
Vercel以外のDNSで管理しているドメインのサブドメインを設定するのに若干手こずったので、注意点をまとめようと思います。

VercelのDNS機能

VercelにはDNSの機能があり、Vercelで購入したドメインや、他のレジストラで購入したドメインもネームサーバーにVercelを設定すれば、Vercel上でドメインの管理が可能になります。

しかし、DNSは別のサービス（AWSのRoute 53など）を使っていて、VercelのDNSを使わずにサイトにサブドメインを割り当てる場合の手順は、あまり情報が無いので設定に手間取ってしまいました。

完成形

設定例 : sample.redimpulz.com というサブドメインをサイトに設定する場合

以下のようなCNAMEレコードを、使用しているDNSに登録します。

Type CNAME
Name sample
Value cname.vercel-dns.com

その後、Vercelの管理画面から、Project Settings > Domains を選択し、sample.redimpulz.com を追加します。
名前解決ができれば、Vercel上で証明書の発行が行われて、完了するとアクセスできるようになります。

なおレコードが反映されるまで、しばらく時間がかかります。（およそ30分くらい）

あとがき

VercelのサイトにVercel以外のDNSで管理しているドメインのサブドメインを設定する方法でした。
同じような境遇の人には、参考になる情報になれば幸いです👍