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

外部アカウントを作成する

総合チェックリスト:キットが利用できる外部サービス、それぞれで得られるもの、作成する順序。

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

購入する前に構築できます

このキットのすべての機能は、まずローカルの代替物——アカウントなしで実際のサービスを模倣する組み込みアダプター——で動作します。EMAIL_PROVIDER=local はメッセージを送信する代わりにプレビューページに書き込み、AI_PROVIDER=fake は決定論的な偽の回答を返し、BILLING_PROVIDER=local は決済プロバイダーなしでチェックアウトを完了し、JOB_PROVIDER=local はバックグラウンドジョブを実行せずにメモリ内でキューに入れ、CAPTCHA_PROVIDER=off は公開フォームを開いたままにします。.env.example の設定はこの状態で出荷されるため、5 分間のチュートリアルには有料アカウントが一切不要です。

実際の外部アカウントは、それが動かす機能をリリースするときにだけ追加してください。実際のサインインの前にデータベース、メッセージが受信トレイに届く必要がある前にメールプロバイダー、課金する前に決済プロバイダー、という順です。以下の各ガイドには、コンソールのページ、コピーする値、貼り付け先が記載されています。

アカウントの全チェックリスト

この表は、supastack 製品が必要とし得るすべての外部サービスを一覧にしたものです。リリースしない機能の行はスキップしてください——Web のみのスターターはモバイルとデスクトップの行には一切触れません。「ガイド」列にはそのコンソールをクリックごとに案内するドキュメント名を記載しています。実際のリンクはこのページの最後にある「どこから始めるか」にあります。

サービス得られるもの必要な用途ガイド
Postgres データベース(Supabase、Neon、Docker)アカウント、ワークスペース、データのテーブル実際のサインインと保存データデータベースのセットアップ
StripeWeb 上のカード決済とサブスクリプションWeb アプリでの課金Stripe 決済を追加
Resend または Amazon SESトランザクションメール配信サインインコードと領収書が実際の受信トレイに届くことResend メールを追加 / Amazon SES のメール設定
Google Cloud OAuth クライアント「Google で続行」ボタンGoogle サインインの提供Google サインインを追加
GitHub OAuth App「GitHub で続行」ボタンGitHub サインインの提供GitHub サインインを追加
AI プロバイダーキー(OpenAI、Anthropic、OpenRouter)実際のモデル応答偽アダプターの代わりのライブ AI タスク残りのプロバイダーキーを集める
Trigger.devマネージドなバックグラウンドジョブ実行本番のバックグラウンド処理残りのプロバイダーキーを集める
S3 互換バケット(例:Cloudflare R2)ファイルとオブジェクトストレージアップロードと保存ファイル残りのプロバイダーキーを集める
Sentry または PostHogエラー追跡とプロダクト分析本番でのオブザーバビリティ残りのプロバイダーキーを集める
Cloudflare Turnstile公開フォームのスパムチェック公開サインアップとお問い合わせフォーム残りのプロバイダーキーを集める
ドメインレジストラ + DNS独自のドメイン名公開 https://yourdomain.com アドレス残りのプロバイダーキーを集める / Google Cloud にデプロイ
ホスティング(Google Cloud Run または VPS + Coolify)Web アプリの公開 HTTPS URL実際のユーザー向けの公開Google Cloud にデプロイ / デプロイチェックリスト
Expo + EASネイティブアプリのクラウドビルドExpo Go プレビュー以降のすべてモバイルアカウントを作成する
Apple Developer ProgramiOS 署名、App Store 提出、Sign in with AppleiPhone リリースと Apple サインインモバイルアカウントを作成する / Apple サインインを追加
Google Play ConsoleAndroid ストアリスティングPlay Store 提出モバイルアカウントを作成する
RevenueCat検証済みのネイティブ購入と復元アプリ内でのサブスクリプション販売RevenueCat 購入のセットアップ
Apple Developer ID + 署名 CA署名・公証済みデスクトップインストーラー警告なしの公開デスクトップリリースデスクトップリリースアカウントを作成する

適切な作成順序

アカウントは機能がオンラインになる順に作成します。ほとんどの Web 製品では:1. Postgres データベース、2. トランザクションメール、3. Google および/または GitHub サインイン、4. 課金、5. AI プロバイダー——その後、製品が必要とするタイミングでストレージ、バックグラウンドジョブ、オブザーバビリティ、スパム対策を追加します。

ホスティングとドメインは最後です——公開 URL は、それを指し示す動作するアプリが存在して初めて役立ちます。モバイルアカウント(Expo、Apple、Google Play、RevenueCat)とデスクトップ署名アカウントは、それらのプラットフォームに到達したときにのみ重要です。Web のみのリリースでは完全にスキップしてください。

すべてのシークレット——OAuth クライアントシークレット、API キー、Webhook 署名シークレット、DATABASE_URL 内のパスワード——は .env.local ファイルまたはホストのシークレットマネージャーに保管してください。NEXT_PUBLIC_ や EXPO_PUBLIC_ 変数には絶対に入れず、Git にコミットもしないでください。

どこから始めるか

以下の詳細ガイドは各コンソールをクリックごとに案内します。上から順に進めてください:サインインプロバイダー、次に決済・メール・残りのプロバイダーキーのアカウントウォークスルー、次に製品が出荷するサービスのプロバイダーセットアップリファレンス、次にデプロイ、そしてモバイルまたはデスクトップに到達したときにプラットフォームアカウントのガイドです。

設定を続けるには、Google サインインを追加をご覧ください。

よくある質問

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