Cloudflare Pages無料ホスティング完全ガイド

Cloudflare Pagesは、静的サイトやフロントエンドアプリを無料で公開しやすいホスティングです。GitHubまたはGitLabを接続し、ビルドコマンドと出力フォルダーを指定すると、生成されたファイルがCloudflareのエッジに配信されます。

最初に見るべき点は、ローカルで同じビルドが成功するか、出力先が正しいか、秘密情報をリポジトリへ入れていないかです。Viteならdist、別の静的ジェネレーターならbuildやpublicになることがあります。

独自ドメインはPagesのCustom domainsから追加します。Cloudflare DNSなら設定は比較的簡単です。外部DNSでは案内されたCNAMEを入れ、検証とHTTPS発行を待ちます。

実務では、公開フロントはPagesに置き、認証、DB、長い処理が必要になった段階でWorkersやD1を足す考え方が安全です。公式情報はhttps://developers.cloudflare.com/pages/で確認してください。

Practical links

• DNS lookup
• Meta tag checker
• Page speed test
• URL encoder
• Vercel vs Cloudflare Pages

FAQ

Free tier?

It is suitable for many static projects, but always confirm current limits in Cloudflare documentation.

WordPress?

Use static export or headless content, not a traditional PHP server.

Blank page?

Check output folder, asset paths, environment variables, and framework mode.

Custom domain?

Add the domain, verify DNS, wait for HTTPS, and choose one canonical host.

Commercial use?

Small public sites are fine; complex apps need extra backend planning.

First check?

Run the same build locally before connecting the repository.