Vercelプロジェクトにサブドメインを設定する方法

前提

すでにホームページ用などでドメインを取得済み（例：example.com）などの場合で、Vercelのデフォルトのドメインをカスタマイズしたい人向けの記事です。

Vercelの設定

• Vercelの該当プロジェクト画面を移動する。
• 「Settings」タブを開き、「Domains」セクションに移動する。
• 使用したいサブドメインを入力して（例：app.example.com）、「Add」ボタンをクリックする。
• 次の画像の左側の画面のようになると思うので、ドメイン登録業者側の設定を行う
  

ドメイン登録業者側のDNSの設定

今回はXserverでの手順を記載

• DNSレコード設定画面で、DNSレコードを追加する。
  • ホスト名：app.example.com
  • 種別：CNAME
  • 内容：cname.vercel-dns.com
  • TLL：3600
  • 優先度：0

あとは待つだけ

数分から48時間ほどかかると記載があったので、数時間はかかるかなと思ったが、10分ほどで完了した。