#6 独自ドメインでNetlify上にデプロイしたい!
- Next.js
- Netlify
はじめに
Next.jsで作成したブログサイトをVercelにデプロイしたのですが,商用利用したいためNetlifyに移行しました.その過程で独自ドメインの設定を行ったのでその方法について解説したいと思います.
Netlifyに独自ドメインを設定する手順については他記事もたくさんあるのですが,古い記事も多いので最新の情報を発信したいと思います.
1. 独自ドメインの入手
今回私はValue-domain
でドメインを購入しました.nexttech.tokyo
という120円のドメインを購入しました.
https://www.value-domain.com/
こちらから登録したい文字列を入力することで購入可能なドメインを確認することができます.購入できたら次はNetlifyの設定です.
2. Netlifyの設定
Netlifyへのドメイン追加とValue-domainでの設定手順
2-1. Netlifyにドメインを追加する
- Netlifyの管理画面から,独自ドメインを設定したいサイトを選択
- サイドメニューから「Domain management」に移動
- 「Production domains」パネルで,
Add a domain
をクリック - Value-domainで取得したドメイン名を入力し,
Verify
をクリック - ドメインの所有者確認画面で
Yes, add domain
をクリック
2-2. DNS設定を確認する
- 「Production domains」パネルで,追加したドメインの横に表示される
Awaiting External DNS
をクリックします(※Primary domainの方)・ Set up Netlify DNS for yourdomain.com
をクリック- DNS設定画面で
Verify
をクリック - 画面下部の
Add domain
をクリック - レコード追加のオプション設定画面で
Continue
をクリック - 表示される4件のネームサーバーをコピーしてください(後で使用します).
3. Value-domainでの設定
3-1. Value-domainについて
Value-domainは,ドメイン取得やレンタルサーバーなどのサービスを提供しています.
3-2. ネームサーバーを変更する
- Value-domainの管理画面にログイン
- ユーザーコントロールパネル左ナビの
ドメイン
をクリック ドメインの設定操作
にあるネームサーバーの設定
をクリックネームサーバー情報を入力
の箇所に,Netlifyでコピーした4件のネームサーバーを入力
以上でValue-domainでの設定は完了です.ただし,設定の反映には24〜72時間程度かかる場合があるので,しばらくお待ちください.(私の場合は15分ほどで完了しました.)
4.反映確認
Netlifyの管理画面から、設定を行ったサイトの設定画面を開きます。
サイドメニューからDomain management
をクリックし、設定したドメインの横にNetlify DNS
と表示されていれば反映は成功になります。