Cloudflare ではじめるサイト公開。独自ドメインまでの全手順

01用意するもの

• [ ]Claude Codeデスクトップアプリ、または CLI
• [ ]GitHub アカウントサイトのファイルを置くリポジトリを作る
• [ ]Cloudflare アカウント無料プランで十分
• [ ]Gitパソコンにインストールしておく

02読む順番

上から順に読むと、流れがつながります。所要時間の目安は合計で約100分です。

1. 01

   仕組みを知る

   Column所要時間の目安 10分Cloudflare とレンタルサーバーの違いと、Cloudflare での公開が選ばれている理由レンタルサーバーとの違いから、Cloudflare でサイトを公開する仕組みをつかみます。
2. 02

   作って公開する

   Guide所要時間の目安 30分Claude Code と Cloudflare でサンプルサイトを公開するまでClaude Code でサイトを作り、GitHub 経由で Cloudflare Workers に無料で公開します。
3. 03

   URL を整える必要なときに

   Guide所要時間の目安 10分Cloudflare の workers.dev サブドメインを変更する方法と、名前の決め方公開した URL の workers.dev サブドメインを、覚えやすい名前に変えます。
4. 04

   記事を増やせる形にする

   Guide所要時間の目安 30分サンプルサイトを Astro に移行して Cloudflare で公開するまでHTML だけのサイトを Astro に移行し、Markdown を置くだけで記事を追加できるようにします。
5. 05

   独自ドメインで公開する必要なときにどちらか一方

   Guide所要時間の目安 14分Cloudflare Registrar でドメインを新規取得して Workers のサイトにつなぐドメインをこれから取る場合。Cloudflare で取ると料金に上乗せがなく、ネームサーバーを変える手順もいりません。Guide所要時間の目安 20分Cloudflare Workers で独自ドメインを使うには？ムームードメインのまま、メールはエックスサーバーに残す方法すでに持っているドメインを使う場合。ネームサーバーを Cloudflare に変えてつなぎます。メールは取得元のサーバーに残せます。