# Pages

最小限の設定で、フルスタックのサーバーレスアプリケーションをグローバルに構築します

> 以下のリンクは、各ページの Markdown 版を直接指します。 任意のページは、`index.md` サフィックスなしの URL に `Accept: text/markdown` ヘッダーを付けて取得することもできます（例: `curl -H "Accept: text/markdown" https://developers.cloudflare.com/pages/`）。
>
> その他の Cloudflare 製品は、[Cloudflare ドキュメントディレクトリ](https://developers.cloudflare.com/llms.txt) を参照してください。

## 概要

- [Cloudflare Pages](https://developers.cloudflare.com/pages/index.md): Pages でフルスタックアプリケーションを、Cloudflare のグローバルネットワークへすぐにデプロイします。

## Functions

- [Functions](https://developers.cloudflare.com/pages/functions/index.md): Pages Functions で、Cloudflare Pages 上にフルスタックアプリケーションを構築します。
- [高度なモード](https://developers.cloudflare.com/pages/functions/advanced-mode/index.md): /functions ディレクトリの代わりに _worker.js ファイルで Pages Functions を開発します。
- [API リファレンス](https://developers.cloudflare.com/pages/functions/api-reference/index.md): Pages Functions で使う API について説明します。
- [バインディング](https://developers.cloudflare.com/pages/functions/bindings/index.md): Pages Functions を KV、R2、D1、Durable Objects などの Cloudflare リソースに接続します。
- [デバッグとログ](https://developers.cloudflare.com/pages/functions/debugging-and-logging/index.md): Cloudflare ダッシュボードまたは Wrangler CLI で、Pages Functions のログにアクセスします。
- [ミドルウェアによる A/B テスト](https://developers.cloudflare.com/pages/functions/examples/ab-testing/index.md): Cookie に基づいて配信するページを制御し、A/B テストを設定します。このバージョンは、オリジン上のテストとコントロールへリクエストをそのまま渡せます。
- [CORS ヘッダーを追加する](https://developers.cloudflare.com/pages/functions/examples/cors-headers/index.md): CORS ヘッダーを付与する Pages Functions です。
- [はじめに](https://developers.cloudflare.com/pages/functions/get-started/index.md): Cloudflare Pages で最初の Pages Function を作成し、デプロイします。
- [ローカル開発](https://developers.cloudflare.com/pages/functions/local-development/index.md): Wrangler を使って、Pages アプリケーションをローカルで実行し、テストします。
- [メトリクス](https://developers.cloudflare.com/pages/functions/metrics/index.md): Pages Functions のリクエストとパフォーマンスのメトリクスを確認します。
- [ミドルウェア](https://developers.cloudflare.com/pages/functions/middleware/index.md): エラー処理や認証などの再利用可能なロジックを、ミドルウェアとして Pages Functions に追加します。
- [モジュールサポート](https://developers.cloudflare.com/pages/functions/module-support/index.md): Pages Functions で ES Modules、WebAssembly、テキスト、バイナリファイルをインポートします。
- [Pages Plugins](https://developers.cloudflare.com/pages/functions/plugins/index.md): 組み込みのルーティングと機能を持つ、配布可能な Plugin で Pages Functions を拡張します。
- [Cloudflare Access](https://developers.cloudflare.com/pages/functions/plugins/cloudflare-access/index.md): この Plugin を使い、Pages Functions で Cloudflare Access の JWT アサーションを検証します。
- [コミュニティプラグイン](https://developers.cloudflare.com/pages/functions/plugins/community-plugins/index.md): アセットネゴシエーションやリバースプロキシなど、コミュニティがメンテナンスする Pages Plugins を確認します。
- [Google Chat](https://developers.cloudflare.com/pages/functions/plugins/google-chat/index.md): Google Chat 用 Pages Plugin で、メッセージへの応答とアラート送信ができるボットを作成します。
- [GraphQL](https://developers.cloudflare.com/pages/functions/plugins/graphql/index.md): GraphQL Pages Plugin を使い、Cloudflare Pages 上に GraphQL サーバーをセットアップします。
- [hCaptcha](https://developers.cloudflare.com/pages/functions/plugins/hcaptcha/index.md): hCaptcha Pages Plugin を使い、Pages Functions で hCaptcha トークンを検証します。
- [Honeycomb](https://developers.cloudflare.com/pages/functions/plugins/honeycomb/index.md): この Plugin を使い、Pages Functions のトレースを Honeycomb に送って可観測性を得ます。
- [Sentry](https://developers.cloudflare.com/pages/functions/plugins/sentry/index.md): Sentry Pages Plugin を使って、Pages Functions の例外をキャプチャして記録します。
- [Static Forms](https://developers.cloudflare.com/pages/functions/plugins/static-forms/index.md): Static Forms Plugin で、Pages Functions の HTML フォーム送信を傍受して処理します。
- [Stytch](https://developers.cloudflare.com/pages/functions/plugins/stytch/index.md): Stytch Pages Plugin を使って、Pages Functions で Stytch のセッショントークンを検証します。
- [Turnstile](https://developers.cloudflare.com/pages/functions/plugins/turnstile/index.md): Turnstile Plugin を使い、Pages Functions で Cloudflare Turnstile トークンを検証します。
- [vercel/og](https://developers.cloudflare.com/pages/functions/plugins/vercel-og/index.md): @vercel/og Pages Plugin を使って、Pages Functions でソーシャル画像を生成します。
- [料金](https://developers.cloudflare.com/pages/functions/pricing/index.md): Pages Functions へのリクエストは、Free プランと有料プランのどちらでも Cloudflare Workers のリクエストとして課金されます。
- [ルーティング](https://developers.cloudflare.com/pages/functions/routing/index.md): Pages Functions がファイルベースのルーティングで URL パターンを関数ファイルに対応付ける仕組みです。
- [Smart Placement](https://developers.cloudflare.com/pages/functions/smart-placement/index.md): バックエンドインフラに近い場所で Pages Functions を自動実行し、レイテンシを下げます。
- [ソースマップとスタックトレース](https://developers.cloudflare.com/pages/functions/source-maps/index.md): Pages 向けにソースマップを追加し、スタックトレースを生成します。
- [TypeScript](https://developers.cloudflare.com/pages/functions/typescript/index.md): Pages Functions を TypeScript で書き、Wrangler で型生成を設定します。
- [設定](https://developers.cloudflare.com/pages/functions/wrangler-configuration/index.md): Wrangler 設定ファイルまたは Cloudflare ダッシュボードで Pages Functions の設定を行います。

## チュートリアル

- [チュートリアル](https://developers.cloudflare.com/pages/tutorials/index.md): Cloudflare Pages でプロジェクトを構築・デプロイするためのガイド付きチュートリアルです。
- [Formspree で React フォームを追加する](https://developers.cloudflare.com/pages/tutorials/add-a-react-form-with-formspree/index.md): フォームの処理と保存を担うバックエンドサービス Formspree を使い、React フォームを追加する方法を学びます。
- [Formspree で HTML フォームを追加する](https://developers.cloudflare.com/pages/tutorials/add-an-html-form-with-formspree/index.md): フォームの処理と保存を行うバックエンドサービス Formspree を使い、HTML フォームを追加します。
- [Nuxt.js と Sanity.io でブログを作り、Cloudflare Pages にデプロイする](https://developers.cloudflare.com/pages/tutorials/build-a-blog-using-nuxt-and-sanity/index.md): Nuxt.js と Sanity.io でブログアプリケーションを作り、Cloudflare Pages にデプロイします。
- [Pages Functions でフロントエンド向け API を作る](https://developers.cloudflare.com/pages/tutorials/build-an-api-with-pages-functions/index.md): このチュートリアルでは、React フレームワークを使い、フルスタックの Pages アプリケーションを作ります。
- [HTML フォームを作成する](https://developers.cloudflare.com/pages/tutorials/forms/index.md): このチュートリアルでは HTML フォームの基本に触れます。Cloudflare Pages と Workers 連携を多用します。
- [HTMLRewriter でウェブサイトをローカライズする](https://developers.cloudflare.com/pages/tutorials/localize-a-website/index.md): このチュートリアルでは、Cloudflare Workers プラットフォームの HTMLRewriter を使い、i18n レイヤーを重ねて、ユーザーの言語に応じてサイトを自動翻訳します。
- [Cloudflare Pages で R2 を静的アセットストレージとして使う](https://developers.cloudflare.com/pages/tutorials/use-r2-as-static-asset-storage-for-pages/index.md): このチュートリアルでは、Pages アプリの静的アセット保存先として R2 を使う方法を説明します。

## デモとアーキテクチャ

- [デモとアーキテクチャ](https://developers.cloudflare.com/pages/demos/index.md): Cloudflare Pages 向けのデモアプリケーションとリファレンスアーキテクチャを確認します。

## configuration

- [REST API](https://developers.cloudflare.com/pages/configuration/api/index.md): REST API を使い、Cloudflare Pages のプロジェクト、デプロイ、ビルドをプログラムから管理します。
- [ブランチデプロイの制御](https://developers.cloudflare.com/pages/configuration/branch-build-controls/index.md): Cloudflare Pages プロジェクトで、自動デプロイを起動するブランチを制御します。
- [ビルドキャッシュ](https://developers.cloudflare.com/pages/configuration/build-caching/index.md): デプロイ間で依存関係とビルド出力をキャッシュし、Cloudflare Pages のビルドを高速化します。
- [ビルド設定](https://developers.cloudflare.com/pages/configuration/build-configuration/index.md): Cloudflare Pages プロジェクトのビルドコマンド、出力ディレクトリ、フレームワークプリセットを設定します。
- [ビルドイメージ](https://developers.cloudflare.com/pages/configuration/build-image/index.md): Cloudflare Pages のビルドイメージで対応している言語、ツール、環境変数を確認します。
- [ビルドウォッチパス](https://developers.cloudflare.com/pages/configuration/build-watch-paths/index.md): 変更をプッシュしたときに、Cloudflare Pages のビルドを開始するパスとスキップするパスを設定します。
- [カスタムドメイン](https://developers.cloudflare.com/pages/configuration/custom-domains/index.md): Cloudflare Pages プロジェクトにカスタムドメインとサブドメインを追加します。
- [Pages のデバッグ](https://developers.cloudflare.com/pages/configuration/debugging-pages/index.md): Cloudflare Pages のよくあるビルドエラーとデプロイ失敗をトラブルシュートします。
- [デプロイフック](https://developers.cloudflare.com/pages/configuration/deploy-hooks/index.md): 固有の webhook URL を使い、外部のイベントソースから Cloudflare Pages のデプロイを起動します。
- [Early Hints](https://developers.cloudflare.com/pages/configuration/early-hints/index.md): Cloudflare Pages で Early Hints を使い、アセットをプリロードしてページの読み込み性能を高めます。
- [Git 連携](https://developers.cloudflare.com/pages/configuration/git-integration/index.md): GitHub または GitLab リポジトリを Cloudflare Pages に接続し、プッシュ時に自動でビルドとデプロイを行います。
- [GitHub 連携](https://developers.cloudflare.com/pages/configuration/git-integration/github-integration/index.md): GitHub リポジトリを Cloudflare Pages に接続し、自動デプロイ、プレビュー URL、check run を使います。
- [GitLab 連携](https://developers.cloudflare.com/pages/configuration/git-integration/gitlab-integration/index.md): GitLab リポジトリを Cloudflare Pages に接続し、自動デプロイとコミットステータスチェックを利用します。
- [ビルドのトラブルシューティング](https://developers.cloudflare.com/pages/configuration/git-integration/troubleshooting/index.md): デプロイとインストールに関する、よくある Cloudflare Pages の Git 連携エラーを解決します。
- [ヘッダー](https://developers.cloudflare.com/pages/configuration/headers/index.md): _headers ファイルで、Cloudflare Pages サイトのカスタム HTTP レスポンスヘッダーを設定します。
- [モノレポ](https://developers.cloudflare.com/pages/configuration/monorepos/index.md): 1 つのモノレポから、複数の Cloudflare Pages プロジェクトをデプロイします。
- [プレビューデプロイ](https://developers.cloudflare.com/pages/configuration/preview-deployments/index.md): 本番にデプロイする前に、固有の URL で Cloudflare Pages プロジェクトの新しいバージョンをプレビューできます。
- [リダイレクト](https://developers.cloudflare.com/pages/configuration/redirects/index.md): _redirects ファイルで、Cloudflare Pages サイトの URL リダイレクトを定義します。
- [ロールバック](https://developers.cloudflare.com/pages/configuration/rollbacks/index.md): Cloudflare Pages プロジェクトを、以前の本番デプロイへすぐに戻せます。
- [ページの配信](https://developers.cloudflare.com/pages/configuration/serving-pages/index.md): Cloudflare Pages がルートマッチング、404 の扱い、SPA レンダリング、キャッシュをどう処理するかを説明します。

## framework-guides

- [Blazor](https://developers.cloudflare.com/pages/framework-guides/deploy-a-blazor-site/index.md): Blazor WebAssembly アプリケーションを Cloudflare Pages にデプロイします。
- [Brunch](https://developers.cloudflare.com/pages/framework-guides/deploy-a-brunch-site/index.md): Brunch サイトを Cloudflare Pages にデプロイします。
- [Docusaurus](https://developers.cloudflare.com/pages/framework-guides/deploy-a-docusaurus-site/index.md): Docusaurus のドキュメントサイトを Cloudflare Pages にデプロイします。
- [Gatsby](https://developers.cloudflare.com/pages/framework-guides/deploy-a-gatsby-site/index.md): Gatsby サイトを Cloudflare Pages にデプロイします。
- [Gridsome](https://developers.cloudflare.com/pages/framework-guides/deploy-a-gridsome-site/index.md): Gridsome サイトを Cloudflare Pages にデプロイします。
- [Hexo](https://developers.cloudflare.com/pages/framework-guides/deploy-a-hexo-site/index.md): Hexo の静的サイトを Cloudflare Pages にデプロイします。
- [Hono](https://developers.cloudflare.com/pages/framework-guides/deploy-a-hono-site/index.md): Hono Web アプリケーションを Cloudflare Pages にデプロイします。
- [Hugo](https://developers.cloudflare.com/pages/framework-guides/deploy-a-hugo-site/index.md): Hugo の静的サイトを Cloudflare Pages へデプロイします。
- [Jekyll](https://developers.cloudflare.com/pages/framework-guides/deploy-a-jekyll-site/index.md): Jekyll サイトを Cloudflare Pages にデプロイします。
- [Nuxt](https://developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site/index.md): Vue.js ベースの開発をシンプルかつ強力にする Web フレームワークです。
- [Pelican](https://developers.cloudflare.com/pages/framework-guides/deploy-a-pelican-site/index.md): Pelican の静的サイトを Cloudflare Pages にデプロイします。
- [Preact](https://developers.cloudflare.com/pages/framework-guides/deploy-a-preact-site/index.md): Preact アプリケーションを Cloudflare Pages にデプロイします。
- [Qwik](https://developers.cloudflare.com/pages/framework-guides/deploy-a-qwik-site/index.md): Qwik City アプリケーションを Cloudflare Pages にデプロイします。
- [React](https://developers.cloudflare.com/pages/framework-guides/deploy-a-react-site/index.md): React アプリケーションを Cloudflare Pages にデプロイします。
- [Remix](https://developers.cloudflare.com/pages/framework-guides/deploy-a-remix-site/index.md): Remix アプリケーションを Cloudflare Pages にデプロイするか、React Router へ移行します。
- [SolidStart](https://developers.cloudflare.com/pages/framework-guides/deploy-a-solid-start-site/index.md): SolidStart アプリケーションを Cloudflare Pages にデプロイします。
- [Sphinx](https://developers.cloudflare.com/pages/framework-guides/deploy-a-sphinx-site/index.md): Sphinx のドキュメントサイトを Cloudflare Pages にデプロイします。
- [SvelteKit](https://developers.cloudflare.com/pages/framework-guides/deploy-a-svelte-kit-site/index.md): create-cloudflare CLI を使って、SvelteKit アプリケーションを作成し、Cloudflare Pages にデプロイします。
- [Vite 3](https://developers.cloudflare.com/pages/framework-guides/deploy-a-vite3-project/index.md): Vite 3 のフロントエンドプロジェクトを Cloudflare Pages にデプロイします。
- [VitePress](https://developers.cloudflare.com/pages/framework-guides/deploy-a-vitepress-site/index.md): VitePress の静的サイトを Cloudflare Pages にデプロイします。
- [Vue](https://developers.cloudflare.com/pages/framework-guides/deploy-a-vue-site/index.md): Vue アプリケーションを Cloudflare Pages にデプロイします。
- [Zola](https://developers.cloudflare.com/pages/framework-guides/deploy-a-zola-site/index.md): Zola の静的サイトを Cloudflare Pages にデプロイします。
- [Analog](https://developers.cloudflare.com/pages/framework-guides/deploy-an-analog-site/index.md): Vite と Nitro を基盤とする、Angular 向けのフルスタックメタフレームワークです。
- [Angular](https://developers.cloudflare.com/pages/framework-guides/deploy-an-angular-site/index.md): Angular アプリケーションを Cloudflare Pages にデプロイします。
- [Astro](https://developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/index.md): Astro サイトを Cloudflare Pages にデプロイします。
- [Elder.js](https://developers.cloudflare.com/pages/framework-guides/deploy-an-elderjs-site/index.md): Elder.js の静的サイトを Cloudflare Pages にデプロイします。
- [Eleventy](https://developers.cloudflare.com/pages/framework-guides/deploy-an-eleventy-site/index.md): Eleventy の静的サイトを Cloudflare Pages にデプロイします。
- [Ember](https://developers.cloudflare.com/pages/framework-guides/deploy-an-emberjs-site/index.md): Ember.js アプリケーションを Cloudflare Pages へデプロイします。
- [MkDocs](https://developers.cloudflare.com/pages/framework-guides/deploy-an-mkdocs-site/index.md): MkDocs のドキュメントサイトを Cloudflare Pages にデプロイします。
- [静的 HTML](https://developers.cloudflare.com/pages/framework-guides/deploy-anything/index.md): フレームワークなしで、任意の静的 HTML サイトを Cloudflare Pages にデプロイします。
- [Next.js](https://developers.cloudflare.com/pages/framework-guides/nextjs/index.md): フルスタック Web アプリケーションを構築する React フレームワークです。
- [静的サイト](https://developers.cloudflare.com/pages/framework-guides/nextjs/deploy-a-static-nextjs-site/index.md): Next.js で構築した静的サイトを Cloudflare Pages にデプロイします

## get-started

- [C3 CLI](https://developers.cloudflare.com/pages/get-started/c3/index.md): C3（`create-cloudflare` CLI）で新しいアプリケーションをセットアップしてデプロイします。フレームワーク固有のセットアップガイドを使い、各アプリケーションが Cloudflare とサードパーティのデプロイのベストプラクティスに沿うようにします。
- [Direct Upload](https://developers.cloudflare.com/pages/get-started/direct-upload/index.md): ビルド済みアセットを Pages にアップロードし、Wrangler CLI または Cloudflare ダッシュボードからデプロイします。
- [Git 連携](https://developers.cloudflare.com/pages/get-started/git-integration/index.md): Git プロバイダーを Pages に接続します。

## how-to

- [カスタム HTTP ヘッダーを追加する](https://developers.cloudflare.com/pages/how-to/add-custom-http-headers/index.md): Workers 関数を使い、Cloudflare Pages で HTTP ヘッダーをカスタマイズします。
- [ブランチごとにビルドコマンドを設定する](https://developers.cloudflare.com/pages/how-to/build-commands-branches/index.md): Cloudflare Pages プロジェクトで、特定のブランチに別のビルドコマンドを実行します。
- [ブランチにカスタムドメインを追加する](https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/index.md): カスタムドメインを、Cloudflare Pages プロジェクトの特定ブランチのデプロイに向けます。
- [静的な WordPress サイトをデプロイする](https://developers.cloudflare.com/pages/how-to/deploy-a-wordpress-site/index.md): Cloudflare Pages を使い、静的な WordPress サイトをデプロイします。
- [Zaraz を有効にする](https://developers.cloudflare.com/pages/how-to/enable-zaraz/index.md): カスタムドメインを使って、Cloudflare Pages プロジェクトで Zaraz を設定します。
- [非公開パッケージをインストールする](https://developers.cloudflare.com/pages/how-to/npm-private-registry/index.md): Cloudflare Pages のビルドで、カスタム npm レジストリと非公開の依存関係を使います。
- [Cloudflare Tunnel でローカルプロジェクトをプレビューする](https://developers.cloudflare.com/pages/how-to/preview-with-cloudflare-tunnel/index.md): Cloudflare Tunnel を使い、ローカルで動かしている Pages プロジェクトを公開 URL で共有します。
- [*.pages.dev をカスタムドメインへリダイレクトする](https://developers.cloudflare.com/pages/how-to/redirect-to-custom-domain/index.md): Bulk Redirects を使い、pages.dev サブドメインをカスタムドメインへリダイレクトします。
- [Worker を Pages Function にリファクタする](https://developers.cloudflare.com/pages/how-to/refactor-a-worker-to-pages-functions/index.md): 既存の Cloudflare Worker を、Pages プロジェクトの Pages Function へ移行します。
- [Direct Upload を継続的インテグレーションで使う](https://developers.cloudflare.com/pages/how-to/use-direct-upload-with-continuous-integration/index.md): CI/CD パイプラインの Wrangler で、事前ビルドしたアセットを Cloudflare Pages にデプロイします。
- [Pages Functions で A/B テストする](https://developers.cloudflare.com/pages/how-to/use-worker-for-ab-testing-in-pages/index.md): Pages Functions と Cookie を使い、Cloudflare Pages で A/B テストを実装します。
- [Web Analytics を有効にする](https://developers.cloudflare.com/pages/how-to/web-analytics/index.md): ワンクリック設定で、Pages プロジェクトに Cloudflare Web Analytics を導入します。
- [www をドメイン apex へリダイレクトする](https://developers.cloudflare.com/pages/how-to/www-redirect/index.md): Bulk Redirects を使い、www サブドメインを Cloudflare Pages の apex ドメインへリダイレクトします。

## migrations

- [Firebase からの移行](https://developers.cloudflare.com/pages/migrations/migrating-from-firebase/index.md): 既存の Firebase アプリケーションを Cloudflare Pages へ移行する手順です。
- [Netlify から Pages への移行](https://developers.cloudflare.com/pages/migrations/migrating-from-netlify/index.md): Netlify から Cloudflare への移行方法を説明します。リダイレクトとヘッダーの移行手順も含みます。
- [Vercel から Pages へ移行する](https://developers.cloudflare.com/pages/migrations/migrating-from-vercel/index.md): このチュートリアルでは、Vercel のアプリケーションを Cloudflare Pages へデプロイする方法を学びます。
- [Workers Sites から Pages へ移行する](https://developers.cloudflare.com/pages/migrations/migrating-from-workers/index.md): Workers Sites から Cloudflare Pages への移行方法を説明します。
- [GitHub Pages から Jekyll サイトを移行する](https://developers.cloudflare.com/pages/migrations/migrating-jekyll-from-github-pages/index.md): Jekyll ベースのサイトを GitHub Pages から Cloudflare Pages へ移行する方法を説明します。

## platform

- [変更履歴](https://developers.cloudflare.com/pages/platform/changelog/index.md): Cloudflare Pages の最近の変更と更新です。
- [既知の問題](https://developers.cloudflare.com/pages/platform/known-issues/index.md): Cloudflare Pages のビルド、デプロイ、設定に関する現在の不具合と制限です。
- [制限](https://developers.cloudflare.com/pages/platform/limits/index.md): プラン種別ごとの、Cloudflare Pages のビルド、デプロイ、カスタムドメインの制限です。
- [データまたはストレージ製品を選ぶ](https://developers.cloudflare.com/workers/platform/storage-options/index.md): Cloudflare Pages アプリケーションで使えるデータとストレージ製品を比較します。

## Workers へ移行する

- [Workers へ移行する](https://developers.cloudflare.com/workers/static-assets/migration-guides/migrate-from-pages/index.md): 静的アセット付きの Cloudflare Workers へ、Cloudflare Pages プロジェクトを移行します。