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

キットが改善されたらコピーを更新する

ソースリポジトリの改善を自分のコピーに取り込む — 開始地点を記録し、新しいリビジョンを取得し、ブランチでマージし、デプロイ前に検証します。

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

1. 開始地点を記録する

更新は貼り付けではなく小さなプロジェクトとして扱います:持っているキットのリビジョンと新しいものを比較し、変更を移し、デプロイ前にブランチでテストします。これは、プロジェクトがキットリポジトリのフォーク(GitHub がソースとの接続を保つコピー)であっても、自分のアプリにコピーしたコードであっても機能します。

何よりも先に、プロジェクトに 3 つのことをメモしてください:開始したキットのコミット(SHA — 正確な 1 つのバージョンを識別する Git の短いコード)、受け取ったリポジトリ(supastack-web、supastack-mobile、supastack-desktop、または All Platforms モノレポ)、そしてすでに自分で加えた変更です。

キットリポジトリとモノレポは異なる履歴を持つため、一方のブランチを他方のフォークにマージしてはいけません。開始 SHA を記録していなかった場合は、フォークでは git merge-base で最も近い共通バージョンを見つけ、選択的導入では最後にコピーしたファイルとテストを特定してください — 正確なベースラインが不確かなときは、より広い差分を確認します。

2. 新しいリビジョンを取得してマージする

以下のコマンドは、作業を保存してコミットした状態(クリーンな作業ツリー)で、プロジェクトフォルダー内のターミナルで実行します — 中途半端なものがマージに混ざらないようにするためです。山括弧の中の言葉は置き換え用テンプレートです:<thing> 全体を自分の値で置き換えます。表示されている GitHub アドレスはプレースホルダーです。フォークしたリポジトリのアドレスを使ってください。

各行の動作:git remote add はコピーに kit-upstream(キットリポジトリ)という 2 番目のアドレスを教え、git fetch はファイルに触れずに最新の状態をダウンロードします。git switch -c は別の更新ブランチを作成し、確認中もメインブランチがそのまま保たれます。git log は取り込もうとしているコミットを列挙し、git diff --stat はどのファイルが変わったかを要約します。コミットのタイトルだけでなく、使っているモジュールの完全な差分を読んでください。git merge が新しいコードを更新ブランチに取り込みます。

Git が kit-upstream リモートがすでに存在すると報告した場合は、remote add の行をスキップして git fetch で続行します。<previous-kit-sha> は手順 1 で記録した開始 SHA です。

# Upstream is the platform repository you forked — substitute its real URL
# (supastack-web shown; use supastack-mobile or supastack-desktop as fits).
git remote add kit-upstream https://github.com/<org>/supastack-web.git
git fetch kit-upstream
git switch -c upgrade/kit-update
git log --oneline <previous-kit-sha>..kit-upstream/main
git diff --stat <previous-kit-sha>..kit-upstream/main
git merge kit-upstream/main

3. 作業を失わずに競合を解決する

競合とは両側が同じ行を変更したことを意味します:キットが進み、あなたも同じ場所をカスタマイズしました。Git はマージを一時停止してファイルに印を付けます — 損傷を報告しているのではなく、選択を求めているのです。

印の付いた各ファイルをエディターで開き、行ごとに判断します:製品独自のテキスト、名前、設定は残し、キットの修正と構造的な変更は取り込みます。カスタマイズしたファイルをキットの新しいバージョン全体で置き換えて競合を解決してはいけません — それは作業を消します。更新ブランチ内で解決し、続行前に解決した各領域のテストを実行してください。

マージがうまくいかなければ、git merge --abort がブランチをマージ前の状態に戻します。自分で更新ブランチをマージするまで、この流れの何もメインブランチやデプロイを変更しません。

4. データの更新とデプロイを正しい順序で行う

新しいキットのリビジョンはデータベースを変更することがあります。packages/db/drizzle/(マイグレーションフォルダー)の新しいファイルを読み、マイグレーションを適用する前に本番データをバックアップしてください。まず使い捨てのコピーでテストします。互換性のあるスキーマ変更は、それを必要とするコードの前にデプロイします:マイグレーションがデータを削除または再形成する場合、アプリコードだけをロールバックしても古いスキーマは復元できません。

新しい .env.example と自分の設定を比較し、新たに必要になった値をホスティングダッシュボードに追加します。.env ファイルはシークレットを含み、Git にコミットされることはありません — 各マシンとデプロイで手動で再作成し、NEXT_PUBLIC_ と EXPO_PUBLIC_ の値には入れません。

デプロイ前に、キット自体の検証ゲートを実行します。All Platforms モノレポでは、corepack pnpm check:local が有料資格情報なしで lint、型チェック、ユニットテスト、フォーマットチェックを実行し、corepack pnpm verify:local が本番ビルドとブラウザテストスイートを追加します。単一サーフェスのフォークでは、そのリポジトリ自身のテストとビルドコマンドを実行します。その後、ステージングでのスモーク確認を行います:サインインし、2 つ目のワークスペースを試し、製品の主要なユーザージャーニーを実行します。

すべてが通過したら、受け入れた対象 SHA と解決した競合を書き留めます — そのメモが次回更新の開始ベースラインになります。

corepack pnpm check:local
# fuller gate: adds the production build and browser suites
corepack pnpm verify:local

5. フォークではなく一部をコピーした場合

選択的導入(既存アプリへのキットモジュールのコピー)はキットと Git 履歴を共有しないため、git merge は助けになりません。代わりに古いソース SHA と対象のソース SHA を比較し、導入した部分に触れる変更だけを移植します。

モジュールの公開型、永続化スキーマとマイグレーション、サーバー呼び出し元、設定、テスト、ドキュメントを 1 つの単位として確認します — パッケージ内の変更は他の場所での対応するルートや環境の変更を必要とする場合があり、単一のヘルパーをコピーすると残りが古いコントラクトのままになることがあります。どのキットファイルを取り、どれをスキップし、何を変えたかという短い適応メモを残してください — 次の更新であなたの選択を再現できます。

更新で実行中のコピーの何かが壊れた場合は、自分の変更を元に戻す前にトラブルシューティングガイドに取り組んでください。

よくある質問

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