サーバー代をかけずにWebサイトを公開したい人向けに、Astro+GitHub+Cloudflare Pagesの無料構成を解説。ノンプログラマーがAIエージェントの力を借りて実際に公開した手順と、つまずきやすい点を実体験ベースでまとめました。
サーバー代ゼロでWebサイトを公開するなら「Astro（作る）+ GitHub（置く）+ Cloudflare Pages（公開）」の無料構成が手軽。独自ドメイン代だけ実費でかかります。ノンプログラマーでも、AIエージェントに頼りながら公開まで到達できます。
この記事は、ノンプログラマーがAIエージェント（Claude Code）の力を借りて、実際にこの無料構成でサイトを公開した経験をまとめたものです。
「Webサイトを持ちたいけど、サーバー代や難しさで止まっている」——そんな人に向く、無料で・速くて・管理が軽い構成があります。
実体験メモ
「Webサイトを無料で公開」なんて自分には無理だと思っていました。実際にやってみると、役割を3つに分けて理解すれば、お金をかけずに公開できると分かりました。分からない所はAIに聞きながら進め、まず小さく動かして体感。完璧な知識より、走りながら覚えるほうが、ノンプログラマーには近道でした。
3つの役割（無料構成）
| ツール | 役割 | 費用 |
|---|---|---|
| Astro | サイトを作る（軽量・高速） | 無料 |
| GitHub | コードを置く・履歴管理 | 無料 |
| Cloudflare Pages | 公開する（高速配信） | 無料 |
独自ドメインを使うときだけ、ドメイン代（年額の実費）がかかります。これ以外は基本無料です。
公開までの流れ
- Astroでサイトの土台を作る（AIに「こういうサイトを作りたい」と依頼）
- GitHubにコードを置く（変更を記録する場所）
- Cloudflare PagesとGitHubを連携（更新すると自動で公開）
- 独自ドメインを割り当てる（任意）
ノンプログラマーは、各ステップをAIに画面を案内してもらいながら進めればOK。一気にやらず、1つずつ確認するのがコツです。
つまずきやすい点
- 専門用語（リポジトリ、デプロイ等）→ その場でAIに説明してもらう
- アカウント作成（GitHub/Cloudflare）→ 自分で登録が必要
- 設定の細部→ 画面を見せながらAIに手順を聞く
無料でどこまでできる？有料が必要になる境目
「無料」と聞くと不安になりますが、個人サイト・情報サイトなら無料構成で十分なことが多いです。どこまで無料でいけるか、目安を整理します。
| やりたいこと | 無料でできる？ |
|---|---|
| ブログ・情報サイトの公開 | ◎ 十分できる |
| 独自ドメインを使う | △ ドメイン代（年1,000円台〜）だけ実費 |
| 問い合わせフォーム | ○ 無料の外部フォームサービスで対応可 |
| そこそこのアクセス | ○ Cloudflareの無料枠は大きめ |
| 会員機能・決済・大規模DB | △ 別サービス・有料が必要になることがある |
目安として、「読んでもらう」サイトは無料構成で足り、「複雑な仕組み（会員・決済）」を持たせたくなったら有料や別サービスを検討、と考えると分かりやすいです。
無料構成が向く人・慎重に考えたい人
- 向く：ブログ・ポートフォリオ・情報発信・お店の紹介ページなど、まず公開して育てたい人
- 慎重に：最初から複雑な機能が必須／自分で設定を触りたくない人（その場合はWordPress等のレンタルサーバーも選択肢）
まとめ
- 無料公開はAstro+GitHub+Cloudflare Pagesが手軽。
- かかるのは独自ドメイン代だけ。
- ノンプログラマーでもAIに頼りながら公開できる。
- 小さく確認しながら進めると挫折しにくい。
初心者がつまずいた具体例は GitHub/Cloudflareが分からない初心者がAIと公開した話、ドメインは 独自ドメインの取得・設定をAIに手伝ってもらう もどうぞ。
関連記事：AIチャットツールの比較・選び方／AI文章ツールの選び方（3タイプ）。
よくある質問（FAQ）
本当に無料でWebサイトを公開できますか？
はい、Astro（サイト生成）+ GitHub（コード置き場）+ Cloudflare Pages（公開）という構成なら、基本機能の範囲で無料で公開できます。独自ドメインを使う場合のみ、ドメイン代（年額の実費）がかかります。アクセスが増えても無料枠が広く、個人サイトなら十分です。
ノンプログラマーでもこの構成で作れますか？
作れます。コードを自分で一から書く必要はなく、AIエージェントに『こういうサイトを作りたい』と伝えて進められます。GitHubやCloudflareの操作も、画面を見ながら案内してもらえば初心者でも到達できます。小さく試しながら進めるのがコツです。
なぜこの3つの組み合わせがいいのですか？
Astroは表示が速く軽量な静的サイトを作れ、GitHubは変更履歴を管理しつつCloudflareと連携でき、Cloudflare Pagesは無料で高速に公開できます。3つが連携し、ファイルを更新して反映するだけで公開できる点が、個人の情報発信に向いています。
WordPressと比べてどうですか？
WordPressはサーバー代や管理の手間がかかる一方、プラグインが豊富です。Astro+Cloudflareの構成は無料・高速・管理が軽い反面、動的機能は自分で用意する必要があります。記事中心の情報サイトなら、後者の軽さが扱いやすいです。