はじめに #
Cloudflare Pagesでプロジェクトをデプロイした後、デフォルトの *.pages.dev ではなく、自分が所有しているドメインのサブドメインで公開したい場合のレポジトリ設定とDNS設定の手順をまとめました。
サブドメインとは #
[任意の文字列].inakacloud.comのように任意の文字列を設定できます。
本ブログでは、 Cloudflare regitarar でinakacloud.comドメイン取得しているので設定も簡単です。
今回、自分の趣味の一つであるキーボードの紹介サイトをサブドメインで作成しました。
※ 現在は一旦公開停止しています。
1. Cloudflare Pages プロジェクトから設定を開始 #
内容は割愛しますが、Cloudflare pagesでデプロイしアクセスできるようにしておきます。
Cloudflareのダッシュボードにログインし、対象のPagesプロジェクトを選択します。
- 「カスタムドメイン」 タブをクリックします。
- 「カスタムドメインを設定」 ボタンを押します。
2. サブドメインの入力 #
ドメイン名の入力欄に、作成したいサブドメイン（今回の例：keyquest.inakacloud.com）を入力します。
入力後、「次へ」 をクリックします。
3. DNSレコードの自動更新 #
ドメインが同じCloudflareアカウントで管理されている場合、設定は非常にスムーズです。
- 「ドメインをアクティブ化」 （または「レコードを更新」）をクリックします。
- Cloudflareが自動的にDNSへ
CNAMEレコードを追加してくれます。- タイプ:
CNAME - 名前:
keyquest - ターゲット:
プロジェクト名.pages.dev
- タイプ:
4. SSL/TLS証明書の反映を待つ #
設定を保存すると、Cloudflareが自動的にそのサブドメイン用のSSL証明書を発行します。
- ステータスが 「アクティブ」 になれば完了です。
- 通常、数分〜十数分で サブドメインでのURLにアクセスできるようになります。
まとめ #
Cloudflare Pagesは、同じアカウント内でドメインを管理していれば、ボタン数クリックでサブドメインの切り出しが完了します。DNSの伝播を待つ間に、サイトのリンク構造や BaseURL の設定が新しいサブドメインに対応しているか再確認しておきましょう。
後日追記（20260526） #
サブドメインでの公開を一旦停止しました。
Cloudflareからの公開解除は、ドメインを割り当てているWorkers & Pagesに移動し、サブドメイン右側の⋯から「ドメインを削除」をクリックします。該当サブドメインのCNAMEレコードも自動で削除されます。
