컨텐츠로 건너뛰기
Saasfly Docs

설치

Saasfly를 설치할 준비가 되셨나요? create saasfly CLI를 사용하여 시작하는 방법에 대한 이 가이드를 따르세요.

시스템 요구 사항

  • Node.js - 18.17 또는 이후.
  • Bun - 1.0 또는 이후.
  • OS - macOS, Windows(WSL 포함), Linux가 지원됩니다.

그런데, Node.js의 다양한 버전을 실행하려면 NVM(노드 버전 관리자)을 사용하는 것이 좋습니다.

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을 사용하여 웹 서버를 시작하세요.

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