コンテンツへスキップ
supastack
ドキュメントを閲覧
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /ja/docs/web/setup-ai.md (or send Accept: text/markdown).

AI のセットアップ

cheap / fast / smart エイリアスの背後に実モデル——キーはサーバーに留まります。

このガイドについて質問
開くアプリ

インストールとセットアップ

手順の前に、始める前に と ターミナルの基本 をお読みください。これらの手順では、VS Code で完全な supastack モノリポジトリを開いたことが前提となっています。そのルート package.json はリポジトリのルートをマークします。 pnpm コマンドでは、ワークスペース パッケージはアプリまたは共有コード フォルダーです。この製品では、ワークスペースはチームのデータ コンテナであり、セキュリティ境界です。 corepack pnpm --filter ... コマンドがルートから実行されている間にモノリポジトリから 1 つのパッケージを選択します。同期されたモバイル フォルダーまたはデスクトップ フォルダーのみを開いた場合、そのフォルダーには Web バックエンド、Docker セットアップ、またはルート スクリプトが含まれていません。このモノリポジトリまたはアクセス可能なホスト サーバーからバックエンドを実行し、プラットフォーム フォルダー独自のスクリプトを使用します。環境変数は、ローカルの .env ファイルまたはホスティング ダッシュボードに保存される名前付き設定です。変更後に関連するアプリを再起動し、NEXT_PUBLIC_ および EXPO_PUBLIC_ 値にサーバー シークレットが含まれないようにします。

1. ローカル Web サーバーの場合は apps/web/.env.local を開き、プロバイダーの選択には apps/web/src/agent-runtime.ts を開きます。 .env.example は、サポートされている設定名のリストです。

2. 独自のプロバイダー アカウントを持っていて実際の生成をテストする場合を除き、ローカル インターフェイスの作業用に AI_PROVIDER=fake を保持します。プロバイダー キーを NEXT_PUBLIC_ または EXPO_PUBLIC_ 設定に入れないでください。

3. corepack pnpm --filter @supastack/web dev を使用して、リポジトリ ルートから Web アプリを起動します。期待: 有料プロバイダーを構成しなくても、ローカル画面を探索できます。実際の生成には、有効なサーバー プロバイダーと、データベース カタログで有効なモデルの選択が必要です。

デフォルトの AI_PROVIDER=fake は決定的なローカル作業をサポートします。実プロバイダー設定はサーバー環境に属します。.env.example に列挙されたプロバイダーキーには OpenAI、Anthropic、OpenAI 互換エンドポイントが含まれます。

AI_MODEL_POLICY には cheap・fast・smart エイリアス向けの順序付きモデル ID が含まれます。空のエイリアスリストはその選択肢を無効化します。モデル ID は有効な不変価格を持つ有効化されたカタログ行と一致しなければなりません。

AI_MODEL_POLICY='{"cheap":[],"fast":["catalog-model-id"],"smart":["catalog-model-id"]}'
AGENT_FRAMEWORK=ai-sdk    # ai-sdk | mastra | langgraph | openai-agents

コピーするコマンド

コメントに従って、コマンドがどのフォルダーで実行されるかを確認します。 2 つのターミナルにラベルが付いている場合は、2 つのターミナル ウィンドウを開き、2 番目のコマンドを使用している間、最初のコマンドを実行し続けます。

corepack pnpm --filter @supastack/web dev

実装ワークフロー

本番タスクを受け入れる前にカタログとワークスペースポリシーを設定します。ブラウザは有効なエイリアスを受け取り、能力マッチング、モデル選択、権限チェック、予算適用はサーバーに留まります。

認証情報を NEXT_PUBLIC_ と EXPO_PUBLIC_ 変数から外してください。自前キーモードには既存の暗号化エンベロープとサーバー復号境界を使います。保存されたプロバイダーキーをインターフェースに返さないでください。

検証とトラブルシューティング

利用可能な AI モデルがないとアプリが報告した場合は、サーバーの AI_PROVIDER、管理カタログ内の有効なモデルと価格、および安価/高速/スマート エイリアス ポリシーを確認してください。実際のプロバイダーが認証エラーを返した場合は、apps/web/.env.local でそのキーを確認し、サーバーを再起動します。 NEXT_PUBLIC_ というプレフィックスが付いたキーはブラウザに表示されるため、削除する必要があります。

無効化されたエイリアス、欠けた能力、非アクティブな権限、枯渇した予算を検証します。実際の生成には別途承認されたプロバイダースモーク実行を使います。利用可能なエイリアスがない場合、生のモデルセレクターを晒すのではなくサーバーポリシーとカタログ設定を検査してください。

設定を続けるには、バックグラウンドジョブのセットアップをご覧ください。

よくある質問

14 件の質問

supastack とは何ですか?

supastack は AI SaaS 製品を構築するためのモジュラー基盤です。共通インフラをまとめて提供するので、製品固有の機能に集中できます。

Web とモバイルに対応していますか?

はい。supastack には Web とモバイル体験の出発点として Next.js アプリと Expo アプリが含まれています。

どの認証が含まれていますか?

Better Auth がメール/パスワード、OTP、ソーシャルログインをカバーします。個人ワークスペースはアカウントと一緒にプロビジョニングされ、初日からレコードが境界内に収まります。

AI はどうサポートされていますか?

supastack には設定可能なマルチプロバイダー AI、使用量追跡、予算、暗号化された自前キー(BYOK)サポートが含まれています。

サブスクリプションはどう管理されますか?

このキット上に構築された製品では、Stripe 課金・サブスクリプション・権限が有料アクセスの基盤になります。プロバイダーの秘密はサーバー側に留まります。

製品固有のコードはどこに置きますか?

製品固有の機能は別のコードベースに置き、製品側が supastack の基本モジュールを設定・統合します。

supastack の価格は?

キットは生涯アップデート付きの一回払いです:単一フレームワーク 249 ドル(期間限定のローンチ価格 — 通常価格 349 ドルから 100 ドル割引)、または全フレームワーク(Next.js・iOS・Android)499 ドル(期間限定のローンチ価格 — 通常価格 599 ドルから 100 ドル割引)、追加開発者シート 1 席 75 ドル。キットのサブスクリプションはありません。このサイトのチェックアウトはライセンスキーをメールで配信し、GitHub 招待でリポジトリアクセスを提供します。

ワークスペースはどうデータを囲いますか?

ユーザーレコードは workspaceId でスコープされます。認証、権限、AI 使用量、課金イベント、監査エントリは個人ワークスペースの境界内に留まります。

バックグラウンドジョブはどう機能しますか?

Trigger.dev が明示的なジョブランタイムです。JobRunner コントラクトは enqueue・status・cancel のみを約束し、ワークフロー意味論は Trigger.dev 固有で明示的です。

メールとアウトリーチの違いは?

トランザクションメールはタスク完了通知などの製品ワークフローをカバーします。コールドアウトリーチやキャンペーンは製品自身に属し、このキットのメールモジュールの外です。

モバイルの購入はどのように機能しますか?

モバイルでは RevenueCat によるネイティブ購入と復元に対応し、アクセス権をサーバーで検証します。公開前にストアアカウントを設定し、実機テストを完了してください。Web 課金は別に管理します。

AI プロバイダーのキーはどこにありますか?

BYOK 認証情報は暗号化され、サーバー側に留まります。キーはログでサニタイズされ、使用量と予算はワークスペースレベルで可視です。

チェックアウトで使える支払い方法は?

Stripe ホストのチェックアウトはカードを受け付け、Stripe アカウントでウォレットを有効にすれば Alipay と WeChat Pay も提供できます——中国の購入者に便利です。ウォレット認可は非同期で確定するため、決済完了と同時にライセンスページが更新されます。

返金を受けることはできますか?

リポジトリへのアクセス権を取得した後は、supastack は永久にあなたのものとなるため、返金はできません。ですがご安心ください。生涯アップデートを含む完全なソースコードを入手し、ご自身やクライアントのために無制限にプロダクトを構築・公開できます。コードの転売や、リポジトリをスターターキットやテンプレートとして再配布することのみ禁止されています。

JA
テーマ