概要

私はエックスサーバーで pitang1965.com という独自ドメインを取得して利用していますが、これを他のホスティングサービスでも使う方法を試してみました。

具体的にはURLを次のように変更してみます。

エックスサーバー：サブドメインの追加

エックスサーバーのドキュメント「サブドメイン設定 | レンタルサーバーならエックスサーバー」に従い、 blog.pitang1965.com というサブドメインを追加します。

設定が完了し、反映されたら（1時間くらいかかる）、次のような画面が確認できた上で、サブドメイン設定の画面で、「反映待ち」の表示が消えます。

Gatsby Cloud：ドメインの追加

① Gatsby CloudのSite SettingsのHostingをクリックする。

② Deploy to Gatsby HostingをONにする。

③ Domains の [Add domain]ボタンをクリックする。

④ “blog.pitang1965.com”を入力して[Save]ボタンをクリックする。

次のようなメッセージが出るので、この情報を元にエックスサーバーで設定をおこなう。

エックスサーバー： DNSレコード設定

エックスサーバーのドキュメント「 DNSレコードの編集 | レンタルサーバーならエックスサーバー」に従い、DNSレコードを追加します。

上記を設定後、[確認画面へ進む]ボタンをクリックし、続く画面で[追加する]ボタンをクリックする。

設定完了後

エックスサーバーとGatsby Cloudの設定完了後、Gatsby Cloudの設定画面のHoistingのDmainsはやがて次の状態になります。

サイト自体が正常にビルド・デプロイが可能であれば、次のように独自ドメインの割当が確認できます。

URL変更によるリダイレクト

この状態で古いURLにアクセスしてもアクセスできます。これを新しいURLにリダイレクトする方法は、

• Gatsby Cloudで新URLへリダイレクトする方法

Gatsby Cloud無料枠の制限

無料枠のGatsby Cloudではカスタムドメインは一つしか設定できません。