💬

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

2024/09/17に公開

前提

すでにホームページようにドメインを取得済み(例: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分ほどで完了した。

Discussion