固定費のかからない Cloudflare 構成で越境ECを動かす

arukutomaru は、Cloudflare の従量課金と Stripe の決済手数料以外に 費用が発生しない構成で動かしている。

役割分担

層	採用技術	理由
ストアフロント	Astro（静的生成）+ React	商品ページを完成した HTML で配信する
管理画面	Vite + React（SPA）	社内向けで検索対象外。Cloudflare Access で保護
API	Hono / Cloudflare Workers	リクエスト単位の課金。アイドル時の費用が無い
DB	Cloudflare D1（SQLite）	この規模に足り、専用インスタンスが不要
画像	Cloudflare R2	下り転送（エグレス）が無料
決済	Stripe	月額固定なし、決済手数料のみ

静的生成と SPA の使い分け

検索エンジンに読ませるページ（商品・記事・LP）は静的生成、ログインした人だけが見るページ （管理画面・マイページ）は SPA にしている。静的生成した商品ページはクローラが JavaScript の 実行を待たずに HTML を受け取れ、CDN のエッジから返るので遠隔地でも初期表示が速い。

API とフロントで型を共有する

API は REST だが、フロントからは Hono の型付き RPC クライアント（hc<AppType>）で呼ぶ。 ハンドラをメソッドチェーンで書いている限り API の型がそのままフロントに届き、 エンドポイントの変更はビルド時にエラーになる。