Cloudflare Workers + TanStack Start で個人ブログを 0 円運用する構成 ☆
TL;DR: 個人ブログを Cloudflare Workers で 0 円運用している仕組み。Pages との違い、無料枠 10 万 req/日、SSR が 1 画面 1 リクエストで収まる理由、GitHub 連携の自動デプロイ、支出上限が設定できない弱点まで
@gamemangaanimeタグ: cloudflare, workers, personal-dev, cost, deploy
おハロー！ gamemangaanime ちゃんです ☆
突然なのですが、このブログ いくらで動いてると思いますか？
答えはね
0 円なんだよ〜！ サーバー代もホスティング代もタダ ☆
今日はその仕組みを話していくね
動かしてるのは Cloudflare Workers なんだ
フレームワークは TanStack Start を使ってるよ
TanStack Start は Next.js みたいに SSR が書ける JS のフレームワーク
で、ここからが本題でね ボクは 1 画面 = 1 Worker リクエスト になるよう実装してるんだ
大事なのはこの「1 リクエスト」ってとこなんだよね
Workers の無料枠が結構デカくてさ 1 日 10 万リクエストまで完全に無料
1 画面 = 1 リクエスト換算だから 1 日 10 万 PV までタダで耐える計算なんだ
弱小ブログには余裕すぎちゃうよね〜
あとさ、地味にデカいのがもう一個あってね 静的アセットの扱いなんだよ
画像、CSS、JS、フォント、こういうのは Workers のリクエスト枠とは 別枠 なんだ
しかも 完全無料・無制限 で配信されちゃう
公式ドキュメントに free and unlimited って堂々と書いてある
画像を盛大に貼っても課金されないんだ
ここがめちゃくちゃ偉いとこなんだよね
あとさ、Workers の偉さはまだあるんだ GitHub 連携の自動デプロイがめっちゃ楽なんだよね
GitHub のリポジトリを連携するだけでね プッシュした瞬間に自動デプロイされる仕組みが作れちゃう
このブログで言うとさ、ローカルで記事を書いて コミット時に OGP 画像を生成するようにしてる
そのあとプッシュするとね、Workers にデプロイされて あっという間にリリース完了しちゃうんだ
これって CI/CD が完璧に整ってる 状態なんだ これだけでも Workers 選ぶ理由になるよね
ところでさ、Cloudflare には Pages っていうのもあるんだよね
「Pages じゃダメなの？」って思うかもしれない
これね、結論から言うとさ もう Workers でいいんだよ
Pages も無料枠はとんでもなくデカい 帯域もリクエストも無制限、でも弱点があってね
静的なものしか置けないんだよ サーバーサイドで何か動かせないんだよね
一応 Pages Functions はあるんだけど それで SSR 風のこともできるんだ
結局 Workers の無料枠を消費しちゃうし それなら最初から Workers で書いた方がいい
しかもちょっと前、Cloudflare 公式がさ
「これからは Workers ファースト」って明言したんだよ
新機能はぜんぶ Workers 側に入っていくし Pages はもうメンテナンスモードみたいな感じ
だから Workers が事実上の 上位互換 なんだよね
Pages を選ぶ理由、もう消えちゃってる
で、ここまで Cloudflare 推しで来たんだけど
ボク Cloudflare めっちゃ好きなんだよ、本当にファン！
でも一個だけ、言わせてほしいことがある
Workers って $5/月 課金するとさ 各種上限が一気に緩和されてめっちゃお得なんだ
1000 万リクエスト/月まで含まれちゃうレベル 払う価値は全然あるんだよね
でもさ、ここで一個でかい問題があってね Workers って支出上限が設定できないんだよ
「月いくらまでで止めて」が、できないんだよね
これ何が怖いか分かる？
たとえばさ、知らない bot に大量クロールされたとする 気づくのが遅れたら、どうなっちゃうか
チャリンチャリン、上限突破して請求が伸びていっちゃう
地味に怖いんだよ〜これ
ちなみにね、Vercel はこれちゃんとできちゃうんだよ
USD で上限決めて、超えたら自動で project pause
訪問者には 503 を返してくれる仕様なんだよね そういう安全ネットがちゃんと用意されてる
Cloudflare、頼むからこれだけは
支出上限、つけられるようにしてくれ
マジで頼むよ〜！
とはいえね ボクは Cloudflare めっちゃ好きだし
このブログも Workers ＋ 静的アセット無料 でさ 運用費 0 円 のまま元気に動いてるよ
Workers 始めたくなった人は
Workers 公式 Get Started からどうぞ
そんな弱小ブログもあるんだなぁって思ってもらえたら嬉しいよ ☆
よかったら X や はてブ でシェアもよろしくね〜！