Next.js で AI SaaS を作る：DojoClip の事例
AI メディア SaaS の DojoClip を例に、認証、Stripe、クレジット、非公開メディア、バックグラウンドジョブを Next.js 製品に結び付けます。
DojoClip は Sushi SaaS を使って構築された AI メディア製品です。公開製品には動画編集、画像、音楽、音声のワークフローがあります。AI アプリには便利な制作体験と、顧客、支払い、利用量、ファイルを管理する基盤の両方が必要です。
この事例は製品とスターターの公開契約を対応させます。DojoClip の非公開のデプロイ構成、業績、内部実装の全体を説明するものではありません。メディア機能は独自の拡張であり、Sushi SaaS をクローンしても DojoClip エディターや商用モデルは同梱されません。
モデルの周囲に必要な機能
| 製品の要件 | Sushi SaaS が提供 | 製品側で追加 |
|---|---|---|
| ログインとチーム | Better Auth、組織、招待、ロール | 導入案内と共同作業の体験 |
| 定期購入と利用量 | Stripe、権限、組織クレジット台帳 | 価格、利用ルール、事業者コスト方針 |
| 非同期生成 | PostgreSQL ジョブ、重複排除、再試行、補償 | 実際のアダプター、本番の利用条件、進捗 UI |
| 非公開メディア | S3 アップロード、チェックサム、署名アクセス、削除 | 検証済み形式と編集機能 |
| 運用 | 独立 Admin、準備確認、ログ、バックアップ・復旧 | 監視目標、サポート、リリース担当 |
処理はブラウザーのリクエストより長く続き、コールバックは繰り返され、失敗した生成には返金が必要になる場合があります。事業者が利用できない時でも、周囲の状態を説明して復旧できる設計が必要です。
一つの有料ワークフローから始める
商用モデルを接続する前に5 クレジットの画像生成例を動かし、認可、確定的な消費、永続ジョブ、非公開結果、最終失敗後の一回だけの補償を追跡します。
同梱例は模擬 SVG を出力し、ページ、API、サービスで本番利用を無効にしています。実製品では、各境界で確認済みの本番利用条件を導入し、出力契約を検証済みの形式に変更し、事業者アダプターを実装します。鍵やアダプターだけを変更しても機能は有効になりません。
独自のメディア処理を追加する時も、クレジット、非公開ストレージ、ジョブの契約を保ちます。
独自の製品体験を作る
動画タイムライン、音楽コントロール、画像編集、素材閲覧、声の選択は製品側の機能です。Content Studio は記事やキャンペーンを作る別のアプリで、顧客のメディア編集画面ではありません。
製品設定で名称、言語、外観を管理し、環境設定で事業者と共有値を管理します。鍵はサーバーに置き、顧客メディアを非公開で保存します。
導入の順序
- 完全なローカル環境を起動し、必要な機能を選びます。
- 名称、Stripe Price、メール、非公開ストレージを設定します。
- 有料の例を追跡し、再試行と復旧ができる実際の処理を一つ追加します。
- 顧客の使いやすさと運用上の復旧を一緒に検証します。
- デプロイとセキュリティを終えてから公開します。
公開製品は DojoClip で確認し、自分のアプリの実装・運用には本サイトのガイドを使ってください。