はじめに

自動設定されたドメインでは見栄えが良くないので独自のドメインを設定します。

ドメインの購入

レジストラからドメインを購入します。今回はGandiで購入しました。

Netlifyの設定

このサイトは記事の公開にNetlifyを使っていますので、Netlify上で設定を行なっていきます。

ドメイン設定

1. サイトのDomain settings開きます。
2. Custom domainsのセクションにあるAdd custom domainボタンを押します。
3. Custom domainのボックスに設定したドメイン名を入力します。
4. Verifyボタンを押します。
5. ドメインの所有者か聞かれるのでYes, add domainを押します。
6. 登録されたドメインの横にCheck DNS configurationの警告が出ていればOKです。

環境変数設定

ドメインを環境変数に設定している場合は修正しておきます。

DNSの設定

Netlifyのドメイン設定時に出た警告に従いDNSを登録します。

証明書の設定

1. Netlifyに戻り、ドメイン横の警告が消えるのを待ちます。
2. 警告が消えたらHTTPSセクションへ移動し、DNS verificatoinのボタンを押します。
3. Waiting on DNS propagationが表示される場合はDNSが浸透するまで気長に待ちます。
4. 表示がYour site has HTTPS enabledに変われば設定完了です。

Primary domainの変更

こちらの記事によるとApexにAliasを設定した場合CDNで速度上の問題が起きるらしいので、 Primary domainをwww.〜の方へ変更しておきます。

以上で作業完了です。 無事新しいドメインで参照できるようになりました。

https://www.nameko.dev/