TanStarter

テンプレートは TanStack Start 上で動く。ファイルベースのルーティング、サーバー関数、データ読み込みを1つのフレームワークで処理する。サーバールートとクライアントルートが同居するため、2つの思考モデルを使い分ける必要はない。React と TypeScript を知っていれば、学習の負担は小さい。

すべて Cloudflare のエッジネットワークにデプロイする。Workers はユーザーの近くで動き、無料プランでも非圧縮の Worker バンドルを最大 64 MiB まで許容する。これは一般的なアプリには十分すぎる余裕だ。D1 がリレーショナルデータを、R2 がファイルストレージを担い、どちらのバインディングも wrangler.jsonc で宣言する。この組み合わせにより、最初のバージョンを公開するためだけに別のデータベースサーバーやオブジェクトストレージを用意する必要はない。

既定は Stripe だが、決済モジュールはプロバイダーインターフェースの背後にあるため、Creem と Waffo も使える。月次と年次のサブスクリプション、買い切りのライフタイム決済、無料トライアルが揃う。請求管理は Stripe カスタマーポータルで行い、WeChat Pay と Alipay は Stripe の設定で有効にすれば利用できる。

Cloudflare Workers AI と Fal.ai が、最初から入っている AI 機能を支える。要約や生成といった機能を、別のベンダーアカウントを開かずに追加できる。AI 層は任意なので、プロダクトに不要なら切っておける。

ユーザーアカウントとセッションは設定済みだ。メール、ニュースレター、通知の各モジュールは決済と同じプロバイダーパターンを共有するため、サービスを差し替える手段が一貫する。登録、領収書、パスワード再設定のためのトランザクションメールは初日から動く。

タイトル、説明、日付、カテゴリ、画像のフロントマターを付けた Markdown ファイルを content/blog/ に置くと、ブログページに自動で表示される。別途 CMS を足さずに、SEO 用のコンテンツ経路を確保できる。

Google Analytics、Umami、Plausible、Microsoft Clarity に対応し、任意の組み合わせで動かせる。環境変数を設定すれば本番で有効になる。独自のトラッキングコードは不要だ。

テンプレートリポジトリを Git のリモートとして追加し、フェッチしてマージすれば、上流の改善を取り込める。競合を解消したら pnpm install を実行し、新しいマイグレーションを適用してテストする。手元のコピーを最新に保つ作業は、移行プロジェクトではなく日常的なマージにとどまる。