My Site

Cloudflare Pagesにカスタムドメインを設定する方法

2026-03-11

Cloudflare Pagesで公開したサイトに、独自ドメインを紐付ける手順です。pages.dev のサブドメインではなく、自分のドメインでアクセスできるようにします。

前提条件

方法A: ドメインのネームサーバーをCloudflareにする（推奨）

Cloudflareにドメインを追加してネームサーバーを変更する方法です。CDN・SSL・DNS管理を一元化できます。

1. Cloudflareにドメインを追加する

  1. Cloudflareダッシュボードにログイン
  2. 「Add a site」をクリック
  3. ドメイン名を入力（例: example.com）
  4. Freeプランを選択（Pagesには十分）
  5. 既存DNSレコードが自動スキャンされる。確認して「Continue」

2. ネームサーバーを変更する

  1. Cloudflareが指定する2つのネームサーバーをメモする
  2. ドメインレジストラ（お名前.com、Google Domains、Namecheapなど）の管理画面で、ネームサーバーをCloudflareのものに変更する
  3. 反映まで最大48時間かかるが、通常は数分〜数時間

3. Pagesプロジェクトにカスタムドメインを追加する

  1. Cloudflareダッシュボードで「Workers & Pages」に移動
  2. 対象のPagesプロジェクトを選択
  3. 「Custom domains」タブをクリック
  4. 「Set up a custom domain」をクリック
  5. ドメイン名を入力（例: example.com または www.example.com）
  6. 「Activate domain」をクリック

CloudflareがDNSレコード（CNAMEまたはA）を自動作成し、SSL証明書も自動発行します。

方法B: 外部DNSのままCNAMEで接続する

ネームサーバーを変えたくない場合は、既存DNSにCNAMEレコードを追加します。

1. Pagesでカスタムドメインを追加する

方法Aの手順3と同じです。

2. DNSレコードを手動で追加する

レジストラまたはDNSプロバイダの管理画面で、以下のCNAMEレコードを追加します：

タイプ: CNAME
名前:   www（またはサブドメイン）
値:     your-project.pages.dev

注意: ルートドメイン（example.com）にCNAMEを設定できないレジストラもあります。その場合はCloudflareネームサーバー（方法A）を使うか、ALIASレコードに対応したDNSを利用してください。

3. SSL証明書の検証

Cloudflareがドメインの所有を確認するため、TXTレコードの追加を求められることがあります。ダッシュボードの指示に従って設定してください。

確認方法

  1. 設定後、ブラウザで独自ドメインにアクセス
  2. HTTPSでサイトが表示されればOK
  3. 反映に時間がかかる場合は dig example.com や nslookup example.com でDNS伝播を確認

CLIでの操作

Wranglerからもカスタムドメインの確認ができます：

# プロジェクトの詳細を確認
npx wrangler pages project list

# デプロイ一覧
npx wrangler pages deployment list --project-name=my-site

まとめ