![見出し画像](https://assets.st-note.com/production/uploads/images/111866545/rectangle_large_type_2_224d3836c09c4a84579196510a88a9c2.png?width=1200)
CloudFlareのDNSからVercel DNSに10分で引越す手順書
あらすじ要約(人力)
ちょっとしたドメイン、WebとGmailのために取得していたドメインのDNSをCloudFlareというCDNにまかせていた。
特に負荷が大きいとかログが見たいというわけではなく、DNS管理が便利だったので。今どきDNSだけで何処かに課金したくないよね…という理由だけでCloudFlareを無料で使っていたのだが、ちょっとした理由でNext.js や React で便利な Vercelを使ってみたくなったので、まるごと移行してみる。特にDNSの内容を書き換えるわけではないので10分ぐらいで終わるかも。
事前準備
・レジストラ(ここではGoDaddy)のネームサーバーが編集できる権限を手に入れておく
・CloudFlare(もしくは同様のネームサーバー)の設定が見れること。無理ならdigして
・動くVercelのプロジェクトを作っておく
説明上 hogehoge.vercel.app としておきます。
Vercelダッシュボードトップの「Domains」で追加
・ここで動くVercelのプロジェクト「hogehoge」を追加
ここで動作確認してもいいが、DNSを引っ越しちゃうので次に進む。
再びダッシュボードトップの「Domains」から当該ドメインのリストを見る。右側のドットボタン「…」から「View DNS Records & Mode」
![](https://assets.st-note.com/img/1690464955810-udZXF417DE.png?width=1200)
真っ白のDNSが現れるので右側の「Enable Vercel DNS」
![](https://assets.st-note.com/img/1690465223804-qZ1i8qjytL.png?width=1200)
すると「Add Email Preset」というボタンが現れるので「G Suite MX」を追加。もしろん「Upload Zone File」とかでもいいかも。
![](https://assets.st-note.com/img/1690465252663-G7VVGgZf38.png?width=1200)
Add G Suite DNS Record Preset→「Add records」する
![](https://assets.st-note.com/img/1690465338989-J7GbsMMKMC.png?width=1200)
そうすると、アプリのデプロイに必要な設定も含めて全部追加してくれる。
「76.76.21.21」(vercel.com)というのはVercelのIPで、CNAMEもSSLのためのLetsEncryptのCAAレコードも割り当てられている。
1個しかIPないのね…という気持ちはあるがそのままGo。
細かい設定がしたい人はこちらを参照。
https://vercel.com/docs/concepts/projects/domains/working-with-dns
![](https://assets.st-note.com/img/1690465396092-KpCrtXVlME.png?width=1200)
いちおう確認する
まずはメールが届かなくなると困るのでMXレコードを確認。
MX alt4.aspmx.l.google.com. 3600 10
MX alt3.aspmx.l.google.com. 3600 10
MX alt2.aspmx.l.google.com. 3600 5
MX alt1.aspmx.l.google.com. 3600 5
MX aspmx.l.google.com. 3600 1
Google Site Verificationは必要なさそう
https://admin.google.com/
Apps > Google Workspace > Settings for Gmail > Setup
で確認できるけど、特になくても動くみたい。あぶねえ…。
設定おかしくなったら、こちらから再度確認してください
https://support.google.com/a/answer/140034?hl=en
目的のサイトが動いていたら、作業はほぼ完了。
サブドメインの場合は、TXTの設定もする。
![](https://assets.st-note.com/img/1690464733278-0Mtd5Zw7nI.png?width=1200)
最後にネームサーバーを引っ越す
GoDaddyの場合はこんな感じ
https://dcc.godaddy.com/control/portfolio/
「ネームサーバー」のタブがCloudFlareの設定になっているので、この2つのDNSを「ネームサーバーを変更」ボタンを押して
arely.ns.cloudflare.com
vasilii.ns.cloudflare.com
![](https://assets.st-note.com/img/1690463869927-CrJCC6QiY7.png?width=1200)
以下のように書き換えればOK。しばらくすれば、Vercelのネームサーバーを利用し始めます。
ns1.vercel-dns.com
ns2.vercel-dns.com
ネームサーバーの変更が終わったら
コマンドプロンプトを開いて
nslookup (domainname)
として
権限のない回答:
名前:(domainname)
Address: 76.76.21.21
と出ていれば動く状態。
あとはメールの開通を確認しよう。特にメールサーバーが変わったわけではないので、エラーなどで戻ってくるようなことがなければ問題ないはず。
最後に、CloudFlareに別れを告げる
動作確認したら「Webサイト」→右下の「サイトを削除」すれば終わり。結構あっけない。
おまけ:カバーイラストのプロンプト
![](https://assets.st-note.com/img/1690466877189-691tksomjr.png?width=1200)
![](https://assets.st-note.com/img/1690466957294-1Tc8VdcsJz.png?width=1200)
![](https://assets.st-note.com/img/1690467143460-q7fxWgOQd0.png?width=1200)
![](https://assets.st-note.com/img/1690467154245-e8W1nOwC4u.png?width=1200)
![](https://assets.st-note.com/img/1690467301395-iDemRZGfxT.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?