vercelにデプロイしているブログに独自ドメインを設定する

概要

このブログに独自ドメインを設定した際の手順をメモしておく

作業メモ

独自ドメインを買う

.dev ドメインが使いたかったので、Google Domains でドメインを買った。 特に難しいことはなく、フォーム通りに入力してクレジットカードを登録すれば買える。

vercel に独自ドメインを設定する

• 先ほど買ったドメインのサブドメインを tech-blog.買ったドメイン としてvercelに設定する
  • settings/domains から設定できる
• 設定後 Invalid Configuration とエラーが表示される(この時点ではしょうがない)
• 表示されている CNAME 設定を参考に、Google Domains 側にCNAMEを設定する
• 設定後、vercelの設定画面に戻ると、エラーが消えて自動で設定が進む
  • オートでやってくれるので体験としてかりいい
  • 2~3分待っていれば設定は完了する
• 設定したドメインでアクセスできることを確認して完了