認証、課金、クレジット、ジョブまで接続済みの AI SaaS を出荷
TanSaaS は、公開ページ、AI ツール、content collections、ローカライズされたコピー、Cloudflare 対応のプロダクト基盤を明確に分ける実装例です。
- Stripe サブスクリプションとクレジットパック
- better-auth のセッションとロール
- Replicate と fal のジョブアダプター
チームが信頼するスタックで構築
小規模でも完全な実装サンプル
このテンプレートは所有境界を明確にします。ルートは薄く、ページ内容は src/pages に、横断的な機能は src/core に置きます。
薄いルート
ルートは loader、metadata、ページモジュールを接続するだけで、大きな JSX やマーケティングコピーを持ちません。
認証境界
Dashboard と admin は better-auth セッション、ロールガード、再利用可能なアカウント UI を使います。
AI ジョブパイプライン
ツール実行は型付き provider input、webhook、安全なストレージ、アカウント単位のジョブ記録を通ります。
課金とクレジット
Stripe サブスクリプション、単発パック、有効期限付きクレジットロット、台帳を交換可能なプロダクト基盤として扱います。
Cloudflare 対応
Workers、R2、KV 向け設定、ビルドスクリプトにより、デプロイ関連コードを見える形で分離します。
交換可能な Provider
Provider インターフェースにより、AI、課金、ストレージ、メールをアプリシェルを崩さず置き換えられます。
パターンを写せるだけのプロダクト面
TanSaaS は意図的にコンパクトです。重要なファイルを複雑な構造に隠さず、設計の形を示します。
統合済みプロダクトモジュール
Cloudflare Workers デプロイ対象
ソースコードはあなたのリポジトリに所有
本物のプロダクトを届けるメイカーのために
チームがTanSaaSを使ってボイラープレートをスキップし、AIプロダクトを差別化する機能に集中しています。
“クレジットシステムとStripe Webhookはすでに接続済みでした。2週間のインフラ作業ではなく、午後にfalモデルを追加できました。”
ACAlex Chen創業者、VisualAI
“ついにCloudflare Workersを後付けではなく第一級として扱うSaaSスターターが登場しました。”
JLJordan Leeスタッフエンジニア
“認証、管理パネル、クレジット——すべて初日から揃っています。”
SRSam Riveraインディーハッカー
“プロバイダーインターフェースのおかげでReplicateからfalへの切り替えが簡単でした。”
MKMorgan KimMLエンジニア
シンプルで透明な料金
月額プランでお得に利用、まずはクレジットパックをお試し、または必要な時にVolume+を追加。
クレジットは毎月補充され、いつでも契約を管理・解約できます。
利用可能モデル
- GPT
- Gemini
- Grok
- Seedream
- FLUX
- PrunaAI
- 最大 1,000 枚の画像
- 最大 3m 20s の動画
- 最大 1,000 回のツール実行
- 日常制作向けの標準生成キュー
- ダウンロードにウォーターマークなし — そのまま納品可能
- 広告・EC・クライアント案件向け商用ライセンス
- 非公開ワークスペースと検索可能な制作履歴
- 必要時のメールサポート
Stripeによる安全な決済
- 最大 2,500 枚の画像
- 最大 8m 20s の動画
- 最大 2,500 回のツール実行
- 優先生成キュー — 混雑時も待ち時間を短縮
- ダウンロードにウォーターマークなし — そのまま納品可能
- 広告・EC・クライアント案件向け商用ライセンス
- 非公開ワークスペースと検索可能な制作履歴
- 優先メールサポート
Stripeによる安全な決済
- 最大 6,000 枚の画像
- 最大 20 min の動画
- 最大 6,000 回のツール実行
- 最高優先度キュー — ピーク時に最優先処理
- ダウンロードにウォーターマークなし — そのまま納品可能
- 広告・EC・クライアント案件向け商用ライセンス
- 非公開ワークスペースと検索可能な制作履歴
- チーム・代理店向け優先サポート
Stripeによる安全な決済
Stripeによる安全な決済
カード情報はStripeへ直接送信され、当社サーバーを経由せず、保存もされません。
地域に対応した支払い方法
Stripeがお住まいの地域と端末に応じて、利用可能なカードや現地の支払い方法を表示します。
必要な請求情報のみ
購入の有効化と管理に必要な決済結果および請求情報のみを受け取ります。
30日間返金保証
有料クレジット使用前は全額返金、使用後は未使用の有料クレジット分を按分して返金します。 返金条件
交換可能な Provider
認証と管理ガード
better-auth セッション、ロール対応ルート、管理者向けクレジットコンソール。
エッジで高速配信
Cloudflare Workers にデプロイし、R2 ストレージ、webhook、エッジ Redis キャッシュを利用します。
クレジット制御の AI ジョブ
有効期限付きクレジットロットと webhook 安全な課金で Replicate と fal の処理を実行します。
プロダクトチーム向け
ダッシュボード、料金、管理フローが含まれ、早期に収益化を検証できます。
“空のリポジトリから認証、課金、AI ジョブまで週末で到達できました。Provider 境界のおかげで独自モデルも簡単に接続できました。”
Supabase + Drizzle
Postgres スキーマ、マイグレーション、型付きクエリをドメインモデル向けに用意しています。
Stripe
サブスクリプション、クレジット追加、webhook、カスタマーポータルのフック。
Replicate と fal
共有ジョブ台帳、webhook、クレジットゲートを通じて AI provider を差し替えます。
Cloudflare Workers
R2、Email、Wrangler 対応ビルドパイプラインによるエッジデプロイ。
よくある質問
課金、クレジット、デプロイ、TanSaaSテンプレートのカスタマイズに関する回答。
今日からAI SaaSの構築を始めましょう
テンプレートをクローンし、プロバイダーを設定し、Cloudflare Workers上でサブスクリプション、クレジット、AIワークフローをデプロイ。