コンテンツへスキップ
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/commerce.md (or send Accept: text/markdown).

コマース

前進のみのライフサイクル上のワークスペース商品と注文。

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

初心者向けのウォークスルー

前提条件: 以下の 2 つの初心者向けガイドを読み、Web ローカルのセットアップを完了し、エディターでルートにあるこのモノリポジトリを開きます。 Web 設定は apps/web/.env.local に属します。 Next.js はルート .env を読み取りません。デフォルトのフェイク モードの /dashboard はデータベースなしのデモです。 /auth には移行されたデータベースが必要です。

簡単に説明すると、ワークスペースは 1 つのチームの個別のユーザー、データ、設定です。サーバーは信頼できるバックエンドです。プロバイダー キーがブラウザーや電話コードに含まれないようにします。移行は、テーブルを作成または更新する、バージョン管理されたデータベースの変更です。 AI モデルは答えを返すエンジンです。モデル カタログは、使用可能なモデル ID と価格のサーバーのリストです。プロバイダーは、AI、電子メール、請求サービスなどの外部サービスです。資格は、ワークスペースで機能を使用できるようにする付与です。 Webhook は、あるサービスが別のサービスの URL に送信するメッセージです。

1. ワークスペース所有者または管理者として、/commerce を開き、製品フォームを使用して、名前、通貨、整数のマイナー単位価格、およびオプションの追跡在庫 (USD の場合、1299 は 12.99 ドルを意味します) を含むドラフトを作成します。

2. それを有効にして、ローカルテストオーダーを作成します。サーバーが合計を計算し、製品のスナップショットを保存していることを確認します。

3. ライブ決済プロバイダーに接続したり、実際の購入者に請求したりしないでください。注文を進めることができない場合は、再試行する前に、利用可能な在庫と文書化された注文の状態を確認してください。

カスタム コードの場合は、提供された prompts/README.md から始めて、最も近いプロンプト (アプリ画面の場合は prompts/new-app-screen.md、パブリック ページの場合は prompts/new-landing-page.md) をコピーします。サーバー、データベース、またはプロバイダーの作業については、コーディング エージェントにこのガイドのタスクを与え、AGENTS.md、.ai/PROJECT_CONTEXT.md、および一致する .ai/ ミラーを読み取るように依頼します。ここで指定されている正確なソース ファイルを調べてください。ファイルをリストし、編集前にチェックします。ワークスペースの所有権とサーバーのみの秘密を保持します。そして差分を見せてください。必要な動作、入力フィールドと出力フィールド、許可されるロール、予想される成功とエラー、テスト アカウント、プロバイダー、またはデバイスを指定します。サンプル値を使用します。絶対に本当の秘密を貼り付けないでください。

【端末の基本】(/docs/web/terminal-basics)

商品と在庫を管理する

/commerce は、ワークスペース製品の所有者/管理者管理を提供します。製品の状態はドラフト/アクティブ/アーカイブです。価格にはマイナー通貨単位が使用され、在庫はオプションで追跡されます。共有永続性は packages/db にあります。

これは製品構築モジュールです。これには、このキットの購入、ソース リポジトリの配信、販売者ライセンスの履行は含まれません。

注文のライフサイクルに従ってください

注文は事前に保留中→支払い済み→履行され、キャンセル/再入荷および返金動作が行われます。サーバーは合計を計算し、商品の製品名/単価のスナップショットを保存するため、製品を編集しても注文履歴が書き換えられることはありません。 commerce.order_* イベントは、ダウンストリーム統合をサポートします。

実際の商品の支払いフローを意図的に接続します。管理状態の遷移だけでは、支払いプロバイダーの請求や払い戻しは検証されません。

ストックと状態遷移をテストする

不十分な在庫、同時注文、クライアント価格の改ざん、無効な後方移行、キャンセルの補充、返金動作、クロスワークスペース アクセスを検証します。

【製品グリッドブロック】(/docs/web/project-structure)

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

/commerce サーフェスはアクティブなワークスペースの商品カタログと注文を管理します。商品は名前、slug、整数セントの価格、3 文字の通貨、任意の画像 URL、任意の在庫追跡を持ち、注文は commerce_order_item に明細を保存し、合計はサーバー側で計算されます。

注文ステータスは前進のみです — pending → paid → fulfilled。支払い前はキャンセル、支払い後は返金が可能です。evaluateOrderStatusChange は無効・未変更・禁止の遷移を拒否するため、キャンセル済みまたは返金済みの注文は再オープンできません。

/commerce                   owner/admin console
src/commerce.ts             money math + lifecycle
src/commerce-actions.ts     owner/admin mutations
commerce_product/order/order_item

実装ワークフロー

書き込みは owner と admin のみ — すべてのアクションが requireWorkspaceManager を通じてセッションとワークスペースを解決します。createCommerceOrderAction は明細を検証し(1〜9999 の整数数量、重複商品は合算)、明細を有効な商品に限定し、合計をサーバー側で再計算し、注文を単一通貨に保ちます。

追跡対象の在庫は注文作成時に減算され、キャンセル時に補充されます。在庫フィールドが空なら非追跡です。注文作成とすべてのステータス変更は commerce.order_created と commerce.order_status_changed の webhook と監査行を発行します。

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

admin 未満のメンバーが商品を作成したり注文を動かしたりできないこと、後退・横方向の遷移が拒否されること、支払い済み注文がキャンセルできないことを検証してください。合計がサーバー由来であること — クライアント提供の金額を信頼しないこと — そしてキャンセル後に在庫が戻ることを確認します。

よくある質問

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
テーマ