Cloudflare Pagesは廃止される？

2026年現在、Cloudflare Pagesが廃止される予定はありません。開発者プラットフォームとして強化が続いており、安心してホームページ制作に利用できます。

Cloudflare Pages Workersの無料枠は？

Cloudflare Pagesの無料枠では、Workersと同等の機能が一定範囲で使えます。小規模なブログ運営であれば、費用をかけずにサーバーレスな仕組みを導入可能です。

Cloudflare Pagesの料金は？

Cloudflare Pagesの料金は、無料のFreeプランから有料のProプランまであります。日本語の公式サイトで最新情報を確認し、プロジェクト規模に合うプランを選びましょう。

CloudflareのPagesとは？使い方・料金・無料枠【初心者向け】

Q: Cloudflare Pagesとは？

Cloudflare Pagesは、静的サイトやアプリを素早く公開できるプラットフォームです。GitHubと連携し、コードを保存するだけで自動的なビルドとデプロイを実現します。

モダンWeb開発2026.05.122026.07.09

執筆者編集部

MT Templates 編集部

監修者MT Templates 代表/編集長

大野浩史

この記事のポイント

Cloudflare Pagesは、充実した無料枠と世界規模のCDNによる高速配信を特徴とするフロントエンド向けホスティングプラットフォームであり、GitHub連携による自動デプロイやWorkersを組み合わせたフルスタック開発に対応しています。

Cloudflare Pagesなら、無料で表示速度の速いサイトを構築でき、将来的にWorkersなどと連携したフルスタック開発まで拡張できるのだろうか。こうした疑問を持つ方は多いはずです。

Cloudflare Pagesは、世界規模のCDNを活用して圧倒的な高速表示と高い堅牢性を無料で実現できる、フロントエンドエンジニアに最適なホスティングプラットフォーム。2026年最新の情報を基に、SEO評価の向上やコスト削減を実現する具体的な活用ノウハウを詳しく解説します。まずは本記事を読み進め、その強力な機能を体感してください。

本記事の内容

Cloudflare Pagesを導入するメリット・デメリット
無料枠と有料プランの料金体系やWorkersとの違い
使い方やGitHub連携からデプロイまでの構築手順

かつて提供されていた一部機能の廃止なども踏まえ、現在の最適な運用方法をまとめました。日本語での設定方法も紹介するため、ブログやホームページの制作を検討している方にも役立つ内容です。

Cloudflare Pagesを導入するメリット

Cloudflare とは何かを理解すると、Cloudflare Pagesが開発者向けの静的サイトやフロントエンドアプリを素早くデプロイできる強力なプラットフォームだとわかります。2026年現在、バックエンド機能も統合したフルスタック向けサービスへと進化しました。

VercelやNetlifyと比較しても、Cloudflare Pagesの使い方は非常にシンプルで、多くの利点があります。選ばれる主な理由を論理的に解説します。

ページ表示速度が速い

Cloudflare Pagesを導入する最大のメリットは、世界最高水準の読み込み速度を実現できる点です。

世界300都市以上のデータセンターを活用し、ユーザーに最も近い場所からコンテンツを配信します。一般的なホスティングサービスとCloudflare Pagesの違いをまとめました。

項目	一般的なサーバー構成	Cloudflare Pages
配信拠点	特定のサーバーや一部の拠点	世界中のエッジロケーション
ネットワーク遅延	距離に応じて大きくなる	最寄りの拠点から最短で応答
最新技術対応	設定が必要な場合がある	HTTP/3に標準対応

日本国内のユーザーがアクセスする場合、東京や大阪の拠点から直接データが返されます。物理的な距離による遅延を解消しているため、圧倒的な高速表示が可能です。

アクセス集中に強い

突発的なアクセス増加が発生しても、サイトがダウンしにくい強固なインフラを提供しています。

Cloudflareの強力なCDNインフラをそのまま利用しているため、負荷が分散される構造です。コンテンツが世界中の拠点にキャッシュされ、安定した配信を維持します。

キャッシュ機能：ファイルをエッジで保持してサーバー負荷を最小化
DDoS保護：エンタープライズ級の防御機能が標準装備
自動スケーリング：インフラが自動でリクエストを処理

個人のCloudflare Pagesブログから大規模なホームページまで、Cloudflare Access でアクセス制御を設定する機能も活用しながらアクセス数を気にせず運用できます。

フルスタック開発が可能

Cloudflare Pagesは、静的サイトのホスティングだけでなくバックエンド構築も統合されています。

現在はCloudflare WorkersとPagesが深く連携しており、動的なアプリ構築に最適な環境が整っています。以下のエコシステムを組み合わせて利用できます。

Cloudflare Functions：APIエンドポイントやサーバー処理を実装
D1：サーバーレスなSQLデータベース
R2：低コストなオブジェクトストレージ
KV：低遅延なキーバリューストア

GitHubにコードをプッシュするだけで、バックエンド機能も含めて一括でデプロイ可能です。

SEO評価が向上する

Cloudflare Pagesを利用することで、SEOにおいて有利な条件を簡単に整えることができます。

Googleの検索アルゴリズムでは、ページの表示速度や安定性が重要な評価指標です。Cloudflare Pagesの高速な配信性能は、これらの数値を直接的に改善します。

LCPの改善：最大コンテンツの描写速度を短縮
常時HTTPS：Cloudflare WAF でWebサイトを保護する機能も標準装備され、SSL証明書も自動で更新されセキュリティを確保
高い可用性：サーバーダウンによる評価低下を防止

技術的なSEO要件を自動で満たせるため、コンテンツ制作に集中して順位向上を狙えます。

サイト公開コストを削減できる

Cloudflare Pagesはコストパフォーマンスが非常に高く、運用の負担を軽減できます。

Cloudflare Pages無料枠は非常に寛容で、多くのプロジェクトを月額0円で運用可能です。費用面での優位性を他サービスと比べると、以下のように整理できます。

費用項目	従来のサーバー	Cloudflare Pages
月額基本料金	数百円から数千円程度	0円から（無料枠が豊富）
SSL証明書	有料や更新の手間がある	0円で自動更新
CDN利用料	別途契約が必要な場合あり	0円で標準機能に含まれる

GitHub連携による自動ビルド機能も標準搭載されており、管理工数も削減できます。2026年以降も安心して利用できる強力な選択肢です。

Cloudflare Pagesを導入するデメリット

Cloudflare Pagesは非常に強力なホスティングプラットフォームですが、導入には注意点があります。2026年現在も進化を続けていますが、利用シーンによっては課題を感じる場面があるためです。

従来のレンタルサーバーや他のPaaSから移行する際は、以下のデメリットを十分に理解しておく必要があります。

実践的な日本語情報が少ない

Cloudflare Pagesの導入において、最初のハードルは日本語情報の不足です。公式ドキュメントの多くは英語主導で更新されており、日本語ページは概要レベルに留まる傾向があるため。

特に高度なカスタマイズや最新のトラブルシューティングは、英語のフォーラムを参照せざるを得ません。

項目	日本語情報の状況	英語情報の状況
公式ドキュメント	概要や基本的な使い方が中心	網羅的で最新の仕様も反映
トラブルシューティング	個人ブログ等の断片的な情報	公式コミュニティに活発な議論
新機能の解説	反映までにタイムラグがある	リリースと同時に詳細を公開

深い専門知識を要する実装を行う際は、英語でのリサーチ能力が求められる点がデメリットです。

動的レンダリング機能が複雑

Cloudflare Pagesは、動的な機能を実装しようとする際に構成が複雑になりやすい特性があります。サーバーサイド処理が必要な動的レンダリングには、Cloudflare WorkersやPages Functionsを組み合わせる必要があるため。

配信方式による実装の複雑さの違いは、次の通りです。

静的な配信：GitHubと連携するだけで自動デプロイが可能
動的な配信：Pages Functionsを使用し、エッジコンピューティングの知識を用いて設計が必要

WordPressのような従来型のCMSに慣れているユーザーにとって、このアーキテクチャは学習コストが高くなります。

大規模開発でのトラブル対応が難しい

大規模プロジェクトにおいて、トラブル発生時の切り分けが難しい点もデメリットです。Cloudflare PagesはGitリポジトリと密接に連携するため、問題の原因特定に広範な知識が要求されます。

障害発生時に絡み合う主な要素は以下の通りです。

ビルド環境やNode.jsのバージョン設定
ルーティングやヘッダーの設定ファイル
カスタムドメインとSSL周りの構成
エッジ関数の実行制限や仕様

サービス規模が拡大するほど、障害発生時の原因究明に時間がかかるリスクがあります。導入前に、デプロイフローやエラー監視の体制を十分に検討しておくことが重要です。

Cloudflare Pagesの料金プラン

Cloudflare Pagesは、静的サイトやフルスタックアプリを迅速に公開できるホスティングプラットフォームです。2026年現在、Pagesの料金はCloudflare Developer Platformの共通体系に含まれています。

他のサービスと比較しても非常に強力なCloudflare Pages無料枠が用意されている点が大きな魅力です。プロジェクト規模やセキュリティ要件に合わせ、以下の4プランから最適なものを選択できます。

プラン名	月額料金（月払い）	月額料金（年払い換算）	主な対象ユーザー
Free	0ドル	0ドル	個人開発者・趣味のブログ
Pro	25ドル	20ドル	プロフェッショナル・商用サイト
Business	250ドル	200ドル	中規模・大規模ビジネス
Enterprise	個別見積もり	個別見積もり	大企業・基幹システム

無料で使えるFreeプラン

Cloudflare 無料プランの機能と制限で示す通り、Cloudflare PagesのFreeプランはコストを抑えたい個人開発やブログ運営に最適です。このプランは単なる試用版ではなく、実用的なサイト運営が十分に可能な内容となっています。

Git連携も無料枠で利用でき、主な機能は以下の通りです。

GitHubやGitLabとの連携による自動デプロイ
無制限のサイトホスティング
世界各地のネットワークを利用した高速配信
プレビュー環境の自動生成

費用をかけずに商用利用のテストやポートフォリオ構築ができる点は大きなメリットです。日本語環境でも設定しやすく、初心者でも安心して利用できます。

商用利用向けのProプラン

Proプランは、収益化しているCloudflare Pagesブログや、高度な最適化を求めるビジネス層に向けたプランです。サイトのパフォーマンス向上と堅牢なセキュリティ確保を主目的としています。

月額料金は25ドルですが、年払いの場合は月換算20ドルで利用可能です。Freeプランに対して追加される主な機能は以下の通りです。

Web Application Firewall（WAF）の基本ルール
画像最適化機能による表示速度の改善
優先的なカスタマーサポート
詳細なアクセス分析レポート

ビジネスでCloudflare Pagesのホームページを運用する場合、信頼性とUXを高めるためにProプランが推奨されます。

大規模向けのBusinessプラン

Businessプランは、高度なコンプライアンスや強固なネットワーク制御が必要な大規模プロジェクト向けです。Webサイトを企業の重要インフラとして安定稼働させるためのツールが揃っています。

月額料金は250ドルで、年払いなら月200ドルまで抑えられます。Proプランからさらに強化される主な機能は次の通りです。

WAFのカスタムルール数拡張
PCI DSS準拠などの高度なセキュリティ対応
最大100%の稼働率を保証するSLA
独自のSSL証明書の持ち込み

突発的なアクセス集中や攻撃リスクを最小限に抑えたい企業にとって、非常に費用対効果の高い選択肢です。

無料枠を超過した場合の対処法

Cloudflare Pagesを利用中にビルド回数などの制限を超過しそうな場合は、適切な対応が必要です。放置するとビルド停止などの制限がかかる可能性があります。

状況に合わせた主な対処法を以下に示します。

プランのアップグレード：管理画面から上位プランへ切り替え、利用枠を即座に拡張する
設定の最適化：不要なプレビューデプロイを停止し、リソースを節約する
連携サービスの確認：WorkersとPagesそれぞれの課金体系を把握し、コストを最適化する

2026年現在も成長を続けているサービスのため、まずは無料枠から開始し、必要に応じて上位プランへ移行する運用をおすすめします。

Cloudflare Pagesを使った構築手順

Cloudflare Pagesは、静的サイトやフルスタックアプリを高速かつ安全に公開できるプラットフォームです。2026年現在はCloudflare Workersとの統合も進み、さらに強力な開発環境へと進化を遂げました。

本記事ではCloudflare Pagesの使い方を解説します。最新の画面構成に基づき、Webサイト構築の手順を5つのステップで確認しましょう。

① Cloudflareアカウントを取得する

まずはCloudflare の使い方と設定手順に従い、専用のアカウントを作成します。2026年現在もCloudflare Pagesの料金プランには強力な無料枠があり、カード登録なしで利用可能です。

公式サイトでサインアップをクリックする
メールアドレスとパスワードを設定してアカウントを作る
届いた認証メールのリンクを押して有効化を完了する

管理画面では、左メニューのWorkers & Pagesから設定へ進みます。現在はWorkersとメニューが統合されているため、迷わないように注意してください。

② GitHubリポジトリと連携する

アカウントが準備できたら、ソースコードを管理するGitHubリポジトリと接続します。これにより、コードを更新するだけで自動でホームページが更新される仕組みが整います。

Workers & PagesメニューからCreate applicationを選択し、Pagesタブをクリックする
Gitに接続を選び、GitHubなどのプロバイダーを連携させる
アクセス許可を与え、デプロイしたいリポジトリとメインブランチを指定する

セキュリティのため、特定のリポジトリのみにアクセス権を与える設定がおすすめです。一度連携すれば、その後のデプロイ作業はすべて自動化されます。

③ ビルド設定を入力する

次に、プロジェクトを公開用ファイルに変換するビルド設定を行います。Cloudflare Pagesは主要なフレームワークに応じた設定を自動で補完してくれるため、初心者でも安心です。

使用するフレームワークごとの一般的な設定値は以下の通りです。

フレームワーク	Framework preset	ビルドコマンド	出力ディレクトリ
Next.js	Next.js	npm run build	.next
Hugo	Hugo	hugo	public
Vue.js	Vue.js	npm run build	dist
React	Create React App	npm run build	build

HTMLとCSSだけのシンプルなブログなどは、ビルドコマンドを空欄にします。ファイルがあるディレクトリを出力先に指定するだけで、簡単に設定は完了です。

④ プロジェクトをデプロイする

ビルド設定の入力が終われば、いよいよサイトの公開です。保存してデプロイをクリックすると、Cloudflareのサーバー上で処理が動き出します。

数分でビルドが完了し、緑色のチェックマークが表示される
pages.devというドメインのURLが自動で発行される
GitHubへプッシュするたびに、内容は最新状態へ更新される

Pages Functionsを活用すれば、APIなどのサーバーサイド処理もプロジェクト内で一括管理できます。フルスタックな環境も、この手順で構築可能です。

⑤ カスタムドメインを割り当てる

最後に独自のドメインを適用して、サイトを完成させます。Cloudflare Pages無料枠でも、カスタムドメインを無制限に追加できる点は大きなメリットです。

設定の手順は、ドメインの管理状況によって異なります。

Cloudflareでドメイン管理中の場合：ドメイン名を入力するだけで、Cloudflare DNS の設定方法に基づくDNS設定が自動で完了する
他社でドメイン管理中の場合：Cloudflare Domain への移管と料金を確認した上で、指示に従いDNS設定にCNAMEレコードを追加する

設定が終わると、SSL証明書が自動で発行されます。特別な操作をすることなく、安全なHTTPS化されたサイトをユーザーへ提供できる仕組みです。

Cloudflare Pagesと他サービスの違い

2026年現在、Webサイトのホスティングサービスは多種多様です。その中でもCloudflare Pagesは、表示速度の速さと圧倒的なコストパフォーマンスで高い注目を集めています。

Cloudflare Pagesは、世界最大級のCDNを運営するCloudflare社が提供するプラットフォームです。静的サイトやサーバーレス機能を利用したモダンなフロントエンドアプリの構築に最適です。

開発者がCloudflare Pagesを選ぶ最大の理由は、GitHubとの自動連携にあります。リポジトリを連携するだけで、ビルドから世界中のエッジサーバーへのデプロイまでを完結できます。

しかし、競合のVercelやNetlify、あるいはCloudflare WorkersとPagesの使い分けが分からず迷う方も多いはずです。ここでは主要サービスと比較し、Cloudflare Pagesの料金や特徴を分かりやすく解説します。

Vercelとの違い

VercelはNext.jsの開発元であり、フロントエンドエンジニアに最高級の開発体験を提供します。Cloudflare Pagesとの違いは、Next.jsへの最適化とコスト構造です。

Next.jsの最新機能をフル活用したい場合は、Vercelが第一候補となります。App RouterやServer Actionsなどの機能を最速でサポートしているためです。

一方で、コスト面ではCloudflare Pagesが有利な場面が多くあります。以下の表で主な違いを比較しました。

比較項目	Vercel	Cloudflare Pages
Next.js対応	開発元としてフルサポート	対応済みだが一部制約あり
開発体験	UIが非常に優秀	シンプルで必要十分
料金モデル	帯域や実行数による課金	帯域制限がなく低コスト
ネットワーク	他社クラウドに依存	自社CDNを直接利用

Next.jsの最新機能を優先するならVercelが適しています。コストを抑えて世界規模の高速配信を行いたいならCloudflare Pagesが最適です。

Netlifyとの違い

NetlifyはJamstackの先駆者であり、多機能な管理画面が強みです。Cloudflare Pagesとの違いは、サービスの歴史と統合度で見極められます。

Netlifyはフォーム送信管理やA/Bテストなど、ノンプログラミングで設定できる機能が豊富です。初心者や、管理画面から多くの設定を手軽に完結させたいユーザーに向いています。

対するCloudflare Pagesの強みは、インフラの圧倒的な強固さです。CloudflareはCDNやWAFの大手であり、Pagesもその強力なネットワークをそのまま利用します。

各サービスの特性を端的に整理すると次のようになります。

Netlify：UIが多機能で、フォーム管理などの付帯機能が充実
Cloudflare Pages：CDN性能が非常に高く、大規模アクセスに強い

無料枠でもネットワーク性能が高く転送量の制限も緩やかなため、トラフィックの多い個人ブログやホームページの運用でも安心して活用できます。

Cloudflare WorkersとPagesの違い

同じCloudflareのサービスですが、Cloudflare Workers と Pages の違いとして役割が明確に異なります。Cloudflare Pagesは静的サイトホスティング、Workersは汎用的なサーバーレスプラットフォームです。

WorkersはJavaScriptなどのコードをエッジで実行する「関数」そのものを指します。API構築や認証処理など、ロジックの実行に特化しているのが特徴です。

現在はPages Functionsという機能により、Pagesの中でWorkersの技術を利用できます。以下の表で使い分けを整理しました。

サービス	主な用途	デプロイ方法
Cloudflare Workers	APIや複雑なサーバー処理	専用ツールでコードを配布
Cloudflare Pages	フロントエンドやブログ	Git連携による自動ビルド

モダンなWebアプリを構築する際は、Pagesでフロントエンドを公開するのが一般的です。バックエンドの処理には、Pages FunctionsとしてWorkersの技術を組み合わせます。