🏃

Next.js SSR を Cloudflare Pages で公開する手順

2024/02/18に公開

🎯ゴール

Next.jsで作成されたプロジェクトを Cloudflare Pages のインフラ構成で公開する

Next.js のプロジェクトに next-on-pages をインストールします。

npm install -D @cloudflare/next-on-pages

フィールド名	入力値
フレームワークプリセット	Next.js
ビルドコマンド	`npx @cloudflare/next-on-pages --experimental-minify`
ビルド出力ディレクトリ	`.vercel/output/static`

ここでデプロイすると、エラーになるので以下の設定をします。

再度デプロイするとビルドされ、デプロイされます。

独自ドメインでアクセスできるようにするには、ドメインを購入し、Cloudflare に設定します。この記事では AWS Route 53 で購入したドメインを設定する方法をまとめます。

WIP