はじめに

本ブログをデプロイする際に、Cloudflare Pagesにデプロイしようとして手順を間違えてデプロイに失敗しました。
そのメモです。

失敗した手順

以下の手順ですすめていて、うまくいかなかった。

1. AstroのプロジェクトをGitHubのリポジトリに上げておく
2. Cloudflareの左メニューからWorkers & Pagesへ
3. 「アプリケーションを作成する」ボタンをクリック
4. Continue with GitHubでリポジトリを選択してデプロイ

この方法ではデプロイに失敗しました。

なぜ失敗したのか

調べてみると、「Workers & Pages」セクション内の「アプリケーションを作成する」ボタンは主にCloudflare Workersプロジェクト向けの導線になっているためでした。

というか良くみたら分かるのだけれど、GitHubとの連携の画面で「Workerを作成」って書いてあるのよね。

でもエラーの内容は
▲ [WARNING] Failed to match Worker name. とか
✘ [ERROR] A compatibility_date is required when publishing. や
✘ [ERROR] A request to the Cloudflare API (...) failed. みたいなエラーなため、原因が理解できなかった。

正しい手順

1. AstroのプロジェクトをGitHubのリポジトリに上げておく
2. Cloudflareの左メニューから Workers & Pages へ
3. 右上の +追加 ボタンをクリック
4. Pagesを選択
5. リポジトリを選択し、フレームワーク プリセットでAstroを選択肢、デプロイ

上記のみで完了しました。
これでmainブランチにPushしたら自動的にデプロイされるようになった。

公式のドキュメントだとPagesのタブからって書いてあったり、「アプリケーションを作成する」ボタンから初めるように書いてあって、わかりづらい。
一応、そこからでも、下に「Pages を導入しようとお考えですか? 始める」というのがあって、その「始める」を押すとPagesを作成できるようになっている。

まとめ

とりあえず画面の文字は読もう。