Vercel にドメインを設定する (Google Domains)

October 09, 2020[Vercel]

いろいろやってから公開しようと思ってたけど、まず公開してしまってからでいいかと思ったのでドメインを設定してみました。
ドメインは Google Domains で購入したのでそのまま Google Domais で DNS の設定をしました。

手順は以下の通りです。

  1. Vercel でドメインを設定する
  2. Google Domains で CNAME を設定する

Vercel でドメインを設定する

Vercel でドメインを設定するには、プロジェクトの Settings > Domains を選択してドメインの設定画面を開きます。

ドメインを入力して Add を押すとドメインを追加されますが、直後は Invalid Configuration となっています。
その下に CNAME が表示されているのでこの CNAME を Google Domains で設定します。

Vercel のドメイン設定画面

Google Domains で CNAME を設定する

Google Domains の DNS 設定に移動し、 カスタムレコード を開いて カスタムレコードを管理 ボタンをクリックします。

現在設定中のレコードが表示されるのですが、一番下まで行くと 新しいレコードを作成 というボタンがあるのでクリックすると入力フォームが表示されます。
そこに先ほど Vercel で表示された CNAME を設定します。

サイトを確認

これで設定ができました。Vercel のドメイン設定のページに戻って確認してみます。
Invalid Configuration の表示が消えて Valid Configuration となっていれば完成です。
設定の反映まで数分かかったりすることもあるようですが自分の場合はすぐに反映されました。

Valid configuration になった

設定したドメインにアクセスすると、無事サイトが見れました・・・!!
ドメインを取得して数年、何にも使っていませんでしたようやく使う時がきたようです。

よろしくお願いします。


参考

https://maku.blog/p/9vakw8i/


Profile picture

Written by hamcb