Cloudflare Pagesで静的サイトを公開する手順
Cloudflare デプロイ
このサイトは Cloudflare Pages でホスティングしています。GitHub と連携すれば、push するだけで自動デプロイされる環境が無料で手に入ります。
手順の概要
- サイトのコードを GitHub リポジトリに push する
- Cloudflare ダッシュボードで Workers & Pages → Create → Pages を選ぶ
- リポジトリを接続し、ビルド設定を入力する
- Deploy を押す
ビルド設定
| 項目 | Astro | Next.js（静的） |
|---|---|---|
| Build command | npm run build | npm run build |
| Output directory | dist | out |
どちらもビルド成果物は純粋な HTML / CSS / JS なので、CDN からそのまま配信されます。
カスタムドメイン
Pages プロジェクトの Custom domains から独自ドメインを追加できます。DNS も Cloudflare で管理していれば、レコードは自動で設定されます。
まとめ
静的サイトなら、サーバーの保守もセキュリティパッチも不要です。「作ったら置くだけ」のシンプルさは、個人開発者にとって大きな魅力だと感じています。