コンテンツにスキップ
Saasfly Docs

インストール

Saasfly をインストールする準備はできましたか? 開始するには、このガイドに従って create saasfly CLI を使用してください。

システム要求

  • Node.js - 18.17 以降。
  • Bun - 1.0 以降。
  • OS - macOS、Windows（WSLを含む）、Linuxがサポートされています。

ちなみに、異なるバージョンのNode.jsを実行するには、NVM（Node Version Manager）を使用することをお勧めします。

1. セットアップウィザードを実行する

便利なインストール ウィザードを起動するには、ターミナルで次のコマンドを実行します。

Terminal window
bun create saasfly

インストール時に、次のプロンプトが表示されます。

  1. saasfly リポジトリを指定されたフォルダーに複製します。
  2. Git履歴を削除する
  3. 依存関係をインストールする
  4. Prismaタイプを生成する

プロンプトの後、create saasfly はプロジェクト名のフォルダーを作成し、必要な依存関係をインストールします。

2. Saasflyを始める

サーバーを実行するには、以下のリストを実行する必要があります。

環境変数を設定する

saasfly フォルダに入り、.env.example ファイルを複製し、名前を .env.local に変更して、変数を入力します。

Terminal window
cd saasfly
cp .env.example .env.local

Postgres DB があることを確認し (Postgres がない場合は、ここをクリックしてください)、新しいデータベースを作成してください。

POSTGRES_URL は .env.local ファイル内に次の内容を含める必要があります。

# フォーマット例
# POSTGRES_URL="postgres://{USER}:{PASSWORD}@{DB_HOST}:{DB_PORT}/{DATABASE}"


POSTGRES_URL="postgres://postgres:[email protected]:5432/saasfly"

次に、bun を使用してデータベース テーブルを作成します。

Terminal window
bun db:push

出力:

🚀  Your database is now in sync with your Prisma schema. Done in 151ms


┌─────────────────────────────────────────────────────────┐
│  Update available 5.9.1 -> 5.10.2                       │
│  Run the following to update                            │
│    npm i --save-dev prisma@latest                       │
│    npm i @prisma/client@latest                          │
└─────────────────────────────────────────────────────────┘

何か問題が発生した場合は、Discord でお問い合わせください。Saasfly に関するあらゆるご質問に喜んでお答えします。

まずビルドを実行する

いくつかの基本コンポーネントはコンパイル時に必要なので、最初に run build を実行する必要があります。

Terminal window
bun run build

開発サーバーを実行する

bun run を使用して Web サーバーを起動します。

Terminal window
bun run dev:web
@saasfly/nextjs:dev: cache bypass, force executing ad8bea47f156e113
@saasfly/nextjs:dev: $ bun with-env next dev
@saasfly/nextjs:dev: $ dotenv -e ../../.env.local -- next dev
@saasfly/nextjs:dev:    ▲ Next.js 14.1.0
@saasfly/nextjs:dev:    - Local:        http://localhost:3000
@saasfly/nextjs:dev:
@saasfly/nextjs:dev:    automatically enabled Fast Refresh for 1 custom loader
@saasfly/nextjs:dev:  ✓ Ready in 12.1s

すべてがうまくいけば、Saasfly は http://localhost:3000 でプロジェクトを提供するようになり、結果を確認できます。

Installation

おめでとうございます! これで、SaaS を構築するためのコーディングを開始できます。

Saasfly を初めて使用する場合は、プロジェクト構造 ドキュメントを参照して、アプリケーションで使用可能なすべてのファイルとフォルダーの概要を確認してください。

Stripeで実行

Stripe の記事を読んでください。その後、bun dev を使用して Stripe で実行します。

Terminal window
bun dev