Cloudflare Pagesへのデプロイ手順

Cloudflare Pagesを使って、Next.jsアプリケーションを簡単にデプロイする方法を紹介します。

メリット

Cloudflare Pagesには以下のようなメリットがあります:

• 無料で始められる
• グローバルCDNによる高速配信
• 自動デプロイでGitHubにpushするだけ
• プレビューデプロイでPRごとに確認可能

デプロイ手順

1. GitHubリポジトリと連携

Cloudflareダッシュボードから「Pages」を選択し、GitHubリポジトリを連携します。

2. ビルド設定

Build command: npm run build
Build output directory: .next

3. 環境変数の設定

必要に応じて環境変数を設定します。

完了！

これだけで、GitHubにpushするたびに自動的にデプロイされるようになります。