コンテンツへスキップ
supastack
ドキュメントを閲覧
WebTanStack Start

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 にコミットもしないでください。

どこから始めるか

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