Cloudflare Pages とは? エッジでホストするフロントエンド
Cloudflare Pages は、Cloudflare のグローバルエッジネットワーク上でフロントエンドサイトをビルド・ホストするプラットフォームで、Git から deploy し、preview と統合された Workers を備えています。
Cloudflare Pages は、Cloudflare の広大なエッジネットワークからサイトを配信し、コンテンツを世界中のユーザーの近くに配置します。リポジトリに接続し、push ごとに build し、preview deploy を生成します。Cloudflare Workers と組み合わせることで、静的サイトはエッジで実行される動的なバックエンドロジックを得られます。
Pages の仕組み
Git リポジトリを接続し、build コマンドと出力ディレクトリを設定します。push ごとに build がトリガーされ、結果は Cloudflare のエッジ全体に deploy されます。本番は main branch から作られ、その他の branch には preview URL が付与されます。
エッジ配信
Cloudflare は世界最大級のグローバルネットワークを運用しているため、Pages のコンテンツはユーザーに非常に近い拠点から配信されます。帯域は潤沢で、HTTPS と DDoS 保護が標準で組み込まれています。
Pages と Workers
- Pages 上の静的およびフレームワークレンダリングのフロントエンド。
- エッジでの Workers Functions による動的ロジック。
- KV、D1、R2 その他 Cloudflare サービスへの binding。
Pages を選ぶタイミング
Pages は、すでに Cloudflare を利用しているチームや、Workers との緊密な統合を伴うエッジ優先のホスティングを望むチームに適しています。強みはネットワークの到達範囲と潤沢な無料枠であり、そのモデルは Cloudflare エコシステムを積極的に活用するほど強力になります。
CI/CD における役割
Pages は単独で push ごとに build と deploy を行い、branch ごとに preview URL を提供できます。より細かい制御が必要なら、チームは GitHub Actions で check を実行し、Wrangler CLI または cloudflare/pages-action を使って deploy し、先に required status checks で merge を保護します。
重要なポイント
- Cloudflare Pages は Cloudflare のグローバルエッジ上でフロントエンドをビルド・ホストします。
- Git から preview 付きで deploy し、Workers と緊密に統合されます。
- スタンドアロンの CI/CD にもなれば、GitHub Actions から Wrangler 経由で deploy することもできます。