콘텐츠로 건너뛰기
supastack
문서 둘러보기
웹Next.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 /ko/docs/desktop/ship-in-5-minutes.md (or send Accept: text/markdown).

데스크톱 앱 5분 시작

Rust와 운영 체제의 빌드 도구를 준비하고, 연결 가능한 웹 백엔드를 시작하고, Tauri 창을 실행하고, 트레이, 바로가기 및 로컬 작업 동작을 확인하세요.

이 가이드에 대해 질문하기
다음에서 열기

1. 일반 및 기본 도구 설치

완료 시작하기 전에 데스크톱 저장소 또는 모든 플랫폼 모노레포를 복제하고 편집기에서 엽니다. 데스크톱은 동일한 웹 앱을 둘러싼 기본 창입니다. 계정이나 채팅의 두 번째 구현은 포함되지 않습니다. 종속성 및 기본 도구가 설치된 후 5분 간의 실행이 시작됩니다. 최초 설치 및 Rust 컴파일에는 시간이 더 오래 걸리는 경우가 많습니다.

Windows에서는 아래 Tauri 필수 구성 요소 링크를 사용하여 Microsoft C++ 빌드 도구를 설치합니다. 설치 프로그램에서 C++를 사용한 데스크톱 개발을 선택하고 Windows SDK를 선택한 상태로 유지하고 설치를 완료합니다. Microsoft Edge WebView2 런타임이 설치되어 있는지 확인하세요. Rustup-init.exe를 사용하여 Rustup.rs에서 Rust를 설치하세요. 기본 MSVC 툴체인을 유지합니다. 설치 후 터미널을 다시 엽니다.

macOS에서는 터미널에서 xcode-select --install을 실행하고 명령줄 도구 대화 상자가 설치되지 않은 경우 완료합니다. Rustup.rs에서 macOS 명령을 사용하여 Rust를 설치합니다. Linux에서는 정확한 배포판의 WebKitGTK, 컴파일러, 트레이 및 시스템 라이브러리 패키지에 대한 Tauri 전제 조건 페이지를 따른 다음 Rust를 설치하세요. Linux 패키지 이름은 다양합니다. 다른 배포판의 명령을 실행하지 마십시오.

저장소 루트에서 터미널을 열고 아래 버전 확인을 실행하세요. rustc 및 cargo 모두 버전을 인쇄해야 합니다. cargo는 Rust의 빌드 도구입니다. 둘 중 하나라도 누락된 경우 설치를 완료하고 계속하기 전에 터미널을 다시 엽니다.

rustc --version
cargo --version
corepack pnpm install

2. 웹 백엔드 시작 또는 선택

체크아웃에 apps/web가 포함된 경우 웹 튜토리얼에 따라 apps/web/.env.local를 생성하고 아래 명령을 사용하여 별도의 터미널에서 웹 서버를 실행한 후 실행 상태로 둡니다. 먼저 브라우저에서 http://localhost:3000를 확인하세요. 데이터베이스 없이 /dashboard 데모를 사용할 수 있습니다. /auth의 실제 로그인에는 마이그레이션된 Postgres가 필요합니다.

데스크톱 전용 체크아웃에는 apps/web.가 포함되어 있지 않습니다. 제품에 대해 별도로 제공되는 별도로 실행되는 웹 백엔드를 사용하고 브라우저에서 해당 URL를 열어 작동하는지 확인하세요. 데스크톱 셸에서는 백엔드를 생성할 수 없습니다. 해당 폴더가 없으면 아래 웹 명령을 시도하지 마십시오. 3단계에서는 제공된 백엔드 주소를 선택하는 방법을 보여줍니다.

# Only when this checkout contains apps/web:
corepack pnpm --filter @supastack/web dev

3. 바탕화면 창을 실행하세요

백엔드가 계속 실행되는 동안 저장소 루트에서 두 번째 터미널을 엽니다. http://localhost:3000,의 기본 로컬 백엔드에 대해 아래 첫 번째 명령을 실행합니다. Cargo는 라이브러리를 다운로드하고 쉘을 컴파일할 수 있습니다. SupaStack 창이 열릴 때까지 기다립니다. 첫 번째 빌드 중 컴파일러 메시지가 예상됩니다.

제공된 백엔드의 경우 아래의 적절한 운영 체제 블록에 있는 https://app.example.com를 실제 URL로 바꿉니다. 플랫폼의 블록만 실행하세요. SUPASTACK_APP_URL는 터미널 환경 설정으로, 기본 프로세스가 시작될 때 읽습니다. 루트 .env에만 넣으면 셸이 구성되지 않습니다. 백엔드 URL에 내장된 사용자 이름이나 비밀번호가 없도록 유지하세요.

모든 플랫폼 모노 저장소에서 corepack pnpm dev:desktop은 시작하기 전에에 설명된 대로 pnpm가 PATH에 있으면 웹과 Tauri를 함께 시작할 수 있습니다. 아래 필터링된 명령은 백엔드가 별도로 실행되는 데스크톱 전용 체크아웃에서도 작동합니다.

# Default local backend (all operating systems):
corepack pnpm --filter @supastack/desktop dev

# Custom backend — Windows PowerShell only:
$env:SUPASTACK_APP_URL = 'https://app.example.com'
corepack pnpm --filter @supastack/desktop dev

# Custom backend — macOS / Linux only:
SUPASTACK_APP_URL=https://app.example.com corepack pnpm --filter @supastack/desktop dev

4. 창, 트레이, 바로가기 확인

성공은 창에 브라우저의 백엔드와 동일한 홈페이지가 표시된다는 의미입니다. 데스크톱 창에는 브라우저 주소 표시줄이 없습니다. 자격 증명이 필요 없는 데모를 열려면 트레이의 Quit 작업을 사용하여 셸을 종료한 다음 웹 서버가 계속 실행되는 동안 데스크톱 터미널에서 아래 운영 체제 블록을 실행하세요. 그러면 /dashboard가 직접 로드됩니다. 거기에서 웹 튜토리얼의 로컬 작업 단계를 따르십시오. 실제 계정 로그인은 브라우저에서와 마찬가지로 백엔드의 데이터베이스를 사용합니다.

닫기 버튼을 사용하여 창을 닫습니다. 앱은 종료되지 않고 트레이에 숨겨져야 합니다. Supastack 트레이 아이콘을 클릭하거나 Windows/Linux에서는 Ctrl + Shift + Space, macOS에서는 Command + Shift + Space를 누르면 다시 표시됩니다. 종료하려면 트레이의 종료 동작을 사용하십시오. 개발을 완전히 종료하려면 데스크톱 터미널에서도 Ctrl + C를 누른 후 백엔드 터미널을 중지합니다.

창이 비어 있거나 연결 문제가 표시되면 먼저 브라우저에서 구성된 URL를 엽니다. 백엔드를 시작하거나 URL를 수정한 다음 Tauri를 다시 시작하세요. Rust에서 linker.exe를 찾을 수 없다고 보고하면 Windows C++ 워크로드를 설치하고 터미널을 다시 엽니다. Linux에서 시스템 라이브러리가 누락되었다고 보고하는 경우 배포판별 필수 구성 요소를 따르세요. 단축키가 이미 사용된 경우 트레이를 사용하고 기본 동작에 따라 단축키를 변경하세요.

그러면 로컬 개발 창이 시작됩니다. 서명된 설치 프로그램을 생성하거나 앱을 게시하지 않습니다. 설치 프로그램 빌드, 플랫폼 서명 및 다른 컴퓨터에서의 테스트를 위해 데스크탑 배포를 따릅니다. Windows 컴파일에서는 macOS 또는 Linux 동작을 확인하지 않습니다.

# Open the local demo — Windows PowerShell only:
$env:SUPASTACK_APP_URL = 'http://localhost:3000/dashboard'
corepack pnpm --filter @supastack/desktop dev

# Open the local demo — macOS / Linux only:
SUPASTACK_APP_URL=http://localhost:3000/dashboard corepack pnpm --filter @supastack/desktop dev

로컬 앱 URL 사용

재정의가 없으면 Tauri는 http://localhost:3000을 불러옵니다. 로컬 Next.js 앱이 다른 접근 가능한 HTTP(S) origin을 사용할 때만 SUPASTACK_APP_URL을 설정하세요. 자격 증명이 있거나 웹 URL이 아니면 거부됩니다.

개발 bundle identifier와 release 설정은 제품용으로 준비되지 않았습니다. release 사전 점검과 플랫폼 서명은 별도 release 안내를 따르세요.

자주 묻는 질문

질문 14개

supastack이란 무엇인가요?

supastack은 AI SaaS 제품을 구축하기 위한 모듈식 기반입니다. 공통 인프라를 모아두어 제품 고유의 기능에 집중할 수 있습니다.

웹과 모바일을 지원하나요?

네. supastack에는 웹과 모바일 경험의 출발점으로 Next.js 앱과 Expo 앱이 포함되어 있습니다.

어떤 인증이 포함되어 있나요?

Better Auth가 이메일/비밀번호, OTP, 소셜 로그인을 커버합니다. 개인 워크스페이스는 계정과 함께 프로비저닝되어 첫날부터 레코드가 경계 안에 유지됩니다.

AI는 어떻게 지원되나요?

supastack에는 구성 가능한 멀티 프로바이더 AI, 사용량 추적, 예산, 암호화된 자체 키(BYOK) 지원이 포함되어 있습니다.

구독은 어떻게 관리되나요?

이 키트 위에 구축된 제품에서는 Stripe 결제, 구독, 권한이 유료 액세스의 기반을 형성합니다. 프로바이더 시크릿은 서버 측에 유지됩니다.

제품 고유 코드는 어디에 두나요?

제품 고유 기능은 별도의 코드베이스에 두고, 제품이 supastack 기본 모듈을 구성하고 통합합니다.

supastack 가격은 어떻게 되나요?

키트는 평생 업데이트가 포함된 일회성 구매입니다: 단일 프레임워크 $249(기간 한정 출시 가격 — 정가 $349에서 $100 할인) 또는 모든 프레임워크(Next.js, iOS, Android) $499(기간 한정 출시 가격 — 정가 $599에서 $100 할인), 추가 개발자 시트당 $75. 키트 구독은 없습니다. 이 사이트의 체크아웃은 라이선스 키를 이메일로 전달하고 GitHub 초대로 리포지토리 액세스를 제공합니다.

워크스페이스는 내 데이터를 어떻게 경계 짓나요?

사용자 레코드는 workspaceId로 범위가 지정됩니다. 신원, 권한, AI 사용량, 결제 이벤트, 감사 항목은 개인 워크스페이스 경계 안에 유지됩니다.

백그라운드 작업은 어떻게 작동하나요?

Trigger.dev가 명시적인 작업 런타임입니다. JobRunner 계약은 enqueue, status, cancel만 약속하며 — 워크플로 의미는 Trigger.dev 고유이고 명시적입니다.

이메일과 아웃리치는 어떻게 다른가요?

트랜잭션 이메일은 작업 완료 알림 같은 제품 워크플로를 커버합니다. 콜드 아웃리치와 캠페인은 제품 자체에 속하며 이 키트의 이메일 모듈 밖입니다.

모바일 구매는 어떻게 작동하나요?

모바일은 RevenueCat 네이티브 구매와 복원을 지원하며 서버에서 접근 권한을 검증합니다. 출시 전에 스토어 계정을 설정하고 기기 테스트를 완료하세요. 웹 결제는 별도로 관리합니다.

AI 프로바이더 키는 어디에 있나요?

BYOK 자격 증명은 암호화되어 서버 측에 유지됩니다. 키는 로그에서 삭제되며, 사용량과 예산은 워크스페이스 수준에서 확인할 수 있습니다.

체크아웃에서 어떤 결제 수단을 지원하나요?

Stripe 호스팅 체크아웃은 카드를 받으며, Stripe 계정에서 지갑을 활성화하면 Alipay와 WeChat Pay도 제공할 수 있습니다 — 중국 구매자에게 유용합니다. 지갑 승인은 비동기로 확정되므로 결제가 완료되는 즉시 라이선스 페이지가 갱신됩니다.

환불을 받을 수 있나요?

저장소 접근 권한을 얻은 후에는 supastack이 영구적으로 귀하의 소유가 되므로 환불이 불가능합니다. 하지만 안심하세요. 평생 업데이트가 포함된 전체 소스 코드를 받아 자신이나 고객을 위한 제품을 무제한으로 구축하고 출시할 수 있습니다. 단, 코드를 재판매하거나 저장소를 스타터 키트 또는 템플릿으로 재배포할 수는 없습니다.

KO
테마