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

コマンド、ファイル、および設定

コマンドを貼り付ける場所、正しいプロジェクト フォルダーを開く方法、.env ファイルを編集する方法、サーバーを停止する方法、シークレットを共有せずにセットアップ エラーを報告する方法を学びます。

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

ターミナルにコマンドが入力されます

ターミナルは、コンピュータの指示を入力するウィンドウです。 Visual Studio Code で、まず [ファイル] → [フォルダーを開く] を使用して supastack フォルダーを開き、次に [ターミナル] → [新しいターミナル] を選択します。新しいターミナルはそのフォルダーで起動します。 Windows では、端末の + ボタンの横にあるメニューを使用して、PowerShell を選択します。 macOS または Linux ターミナルで macOS/Linux ブロックを使用します。

コマンド ブロックの内容のみを一度に 1 つずつ貼り付けて、Enter キーを押します。周囲の Markdown バッククォート、PS C:\... などのプロンプト、または出力例を貼り付けないでください。 # で始まる行は説明です。彼らは何も実行しません。各インストール コマンドが完了するまで待ってから、次のコマンドを入力します。サーバー コマンドは実行を継続し、停止するまで新しいプロンプトを返しません。

端末がどのフォルダを使用しているかを確認する

リポジトリ ルートとは、package.json、pnpm-workspace.yaml、アプリおよびパッケージを含む最上位の supastack フォルダーを意味します。ステップに特に記載がない限り、そこでコマンドを実行します。以下のコマンドは、現在のフォルダーを出力します。ファイルのリストには package.json が表示されるはずです。 Windows PowerShell では、pwd と ls も機能します。

リストに apps/web または apps/mobile の内容のみが表示されている場合は、「cd ../..」と入力し、Enter キーを押してルートに戻ります。ホーム フォルダーが表示されている場合は、「cd」と入力し、続いてスペースとクローンへの完全パスを入力します (スペースが含まれる場合は引用符で囲みます)。通常、エディターでプロジェクト フォルダーを開いて新しいターミナルを作成する方が簡単です。

pwd
ls

設定は端末ではなくファイルに保存されます

AI_PROVIDER=fake のようなブロックは設定テキストです。エディターで名前付きの .env ファイルを開き、AI_PROVIDER= で始まる行を見つけ、その値を置き換えて、Ctrl + S (macOS では Command + S) で保存します。各設定は、KEY=value 形式で 1 ​​行を占めます。 Markdown バッククォートは追加しないでください。 1 つのファイル内で同じキーの重複コピーを避けてください。

データベース移行コマンドには root .env、Next.js Web サーバーには apps/web/.env.local、Expo には apps/mobile/.env.local を使用します。 Next と Expo は独自のアプリ フォルダー内で実行され、root .env は自動的にロードされません。データベース接続が変更された場合は、root .env と apps/web/.env.local の両方で DATABASE_URL を更新し、移行とサーバーが同じデータベースを使用できるようにします。今後の参照のために、サンプル ファイルを変更しないでください。

名前がドットで始まるファイルは、ファイル マネージャーで非表示になっている可能性があります。エディターのエクスプローラーに表示されます。ファイル名が .env.local.txt ではなく、正確に .env.local であることを確認してください。これらのローカル ファイルにはパスワードが含まれる可能性があり、Git から除外されます。これらをアップロードしたり、その内容をサポート メッセージに貼り付けたりしないでください。

サーバーを実行し続けます。コマンドには別の端末を使用する

開発サーバーは、作業中にアプリを提供します。チュートリアルで「localhost:3000 を開いてください」と表示されたら、ターミナルを開いたままにしておきます。 localhost はこのコンピュータを意味します。 :3000 は、アプリで使用される番号付きのドアのようなポートです。 URL を端末ではなくブラウザのアドレス バーに入力します。

サーバーがアクティブなときに別のコマンドを実行するには、エディターで [ターミナル] → [新しいターミナル] を選択します。新しいターミナルは、同じプロジェクトへの別のウィンドウです。サーバーを停止するには、そのターミナルを選択し、Ctrl + C を 1 回押します。 Windows では、バッチ ジョブを終了するように求められたら、「Y」と入力して Enter キーを押します。再度開始する前に、通常のプロンプトが表示されるまで待ちます。

Web環境の設定を編集した後、以下のコマンドでWebサーバーを停止し、再起動してください。通常、ソース ファイルを保存するとページが自動的に更新されますが、環境が変更された場合は再起動が必要になります。 Expo 設定を編集した後、Expo を停止し、corepack pnpm --filter @supastack/mobile start --clear を実行して再起動し、キャッシュされたバンドルをクリアします。

corepack pnpm --filter @supastack/web dev

失敗を読んで役立つ助けを求める

インストール中に赤色のエラー テキストが返された場合は、そのステップで停止してください。アプリの起動を続行するのではなく、最初のエラーを読んでください。コマンドが見つからないということは、通常、ツールが見つからないことを意味します。 package.json がない場合は、通常、間違ったフォルダーを意味します。 ECONNREFUSED は通常、必要なサーバーまたはデータベースが実行されていないことを意味します。 EADDRINUSE は、別のプロセスがすでにポートを使用していることを意味します。

ヘルプを求める場合は、オペレーティング システム、ガイド URL とステップ番号、入力した正確なコマンド、および最初のエラー メッセージを含めてください。パスワード、API キー、トークン、およびデータベース URL のパスワード部分を削除します。 .env ファイルは送信しないでください。エラーのスクリーンショットは役に立ちますが、コピー可能なテキストの方が診断が簡単です。

よくある質問

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