このブログについて
効率化

Astro + Cloudflare Pagesで月130円ブログを作る全手順【2026年版】

ブログを始めたいと思ったとき、「どこにホスティングするか」が最初の壁になる。WordPressならレンタルサーバーが月1,000円前後、VPSなら月数百〜数千円かかる。

でも、この記事で紹介する構成なら月額130円（ドメイン代のみ）で運営できる。

実際にこのブログ（PlusWork IT）がその構成で動いている。構築の全手順をまとめる。

この記事で作れるもの

必要なもの・前提

Step 1: Astroプロジェクトを作成する

ターミナルで以下を実行する。

npm create astro@latest my-blog
cd my-blog
npm install

セットアップウィザードが起動するので、以下の選択をする：

完了したら npm run dev でローカル確認できる（http://localhost:4321）。

Step 2: 記事の書き方を理解する

Astroブログテンプレートでは、src/content/blog/ 以下にMarkdownファイルを置くだけで記事になる。

---
title: "記事のタイトル"
description: "記事の説明文"
pubDate: "2026-04-23"
---

ここから本文を書く。Markdownで記述できる。

フロントマター（--- で囲まれた部分）にメタ情報を書き、その下に本文を書く。

Step 3: GitHubにpushする

git init
git add .
git commit -m "Initial commit"
gh repo create my-blog --public --push

gh コマンド（GitHub CLI）がない場合は、GitHub上でリポジトリを作成してからpushしてもよい。

Step 4: Cloudflare Pagesと連携する

  1. Cloudflare Dashboard にログイン
  2. 左メニューから「Workers and Pages」→「Create application」→「Pages」を選択
  3. 「Connect to Git」でGitHubと連携
  4. 対象リポジトリを選択
  5. ビルド設定を入力：
    • Framework preset: Astro
    • Build command: npm run build
    • Build output directory: dist
  6. 「Save and Deploy」をクリック

初回デプロイは1〜2分で完了する。xxx.pages.dev というURLでアクセスできるようになる。

Step 5: 独自ドメインを設定する

ドメインをお名前.comなどで取得済みの場合、Cloudflare Pagesのダッシュボードから「Custom domains」→「Set up a custom domain」で追加できる。

ドメインのネームサーバーをCloudflareに向けていれば、SSL証明書も自動で発行される。

コスト内訳

項目費用
Cloudflare Pages無料（月500ビルドまで）
独自ドメイン（.com）年額約1,600円（月133円）
合計月約133円

WordPressの月1,000〜3,000円と比べると、約10〜20分の1のコストになる。

Astroを選ぶメリット・デメリット

メリット

デメリット

まとめ

Astro + Cloudflare Pagesの組み合わせは、エンジニアがブログを始めるための現時点でのベスト構成だと思っている。

WordPressより難易度は上がるが、コードを普段書いているエンジニアなら1日あれば構築できる。アフィリエイトブログを始めたいエンジニアには、まずこの構成を試してほしい。

#Astro#Cloudflare#ブログ運営#低コスト#静的サイト