콘텐츠로 건너뛰기
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/web.md (or send Accept: text/markdown).

소개

supastack이 무엇인지, 무엇을 받는지, 실행 중인 앱까지의 경로.

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

여기서 시작하세요: 당신이 받은 것

키트는 사용자 정의할 수 있는 시작 앱입니다. 웹은 브라우저 인터페이스에 서버 API를 더한 것입니다. 모바일은 전화 인터페이스입니다. 데스크톱은 웹 앱을 표시하는 기본 창입니다. API는 클라이언트가 로그인하거나 데이터를 읽기 위해 호출하는 서버 주소입니다. 공유 패키지는 이러한 앱에서 사용되는 재사용 가능한 부분입니다.

아래의 웹 로컬 튜토리얼부터 시작해 보세요. 라이브러리를 다운로드하고, 서버를 시작하고, 가짜 AI task를 실행하는 방법을 정확하게 알려줍니다. 그런 다음 저장된 계정에 대한 데이터베이스를 추가하고, 제품에 필요한 공급자만 선택하고, 브랜드를 맞춤화하고 호스팅을 준비하세요. 나중에 기술적인 설명을 읽을 수 있습니다. 첫 번째 데모를 열기 위한 전제 조건은 아닙니다.

공유 기반에서 구축

supastack은 웹, 모바일, 데스크톱에서 AI SaaS를 위한 모듈형 기반입니다. Next.js는 ​​웹 UI와 API를 전달하고, Expo는 기본 참조 흐름을 제공하며, Tauri 데스크톱 셸은 동일한 웹 앱을 로드합니다. 공유 패키지는 ID, 작업 공간, 청구, AI, 작업, 이메일, 스토리지 및 관찰 가능성을 처리합니다.

모듈이 어떻게 결합되는지 이해하려면 로컬 참조 흐름부터 시작하세요. 해당 흐름이 사용자 환경에서 작동한 후에만 프로덕션 공급자를 구성하십시오.

주변에서 길을 찾아보세요

애플리케이션은 공유 패키지를 구성합니다. 제품별 기능은 재사용 가능한 코어가 아닌 소비 제품 코드베이스에 속합니다.

apps/
  web/       Next.js interface and API routes
  mobile/    Expo application
packages/
  auth/      Identity and sessions
  db/        Schema and workspace persistence
  billing/   Billing and entitlements
  ai/        Providers, routing, and usage
  jobs/      Background job contract
  email/     Transactional delivery

출발점을 선택하세요

5분 로컬 설정부터 시작하세요. 그런 다음 각 가이드 하단에 있는 설정 계속 링크를 따르세요. 배포를 준비하기 전에 데이터베이스, 인증, 요금제, 공급자를 구성합니다. 전체 문서 색인으로 모든 기능, 공급자, 컴포넌트, 참조를 찾으세요.

로컬 골든 패스는 프로젝트의 개발 환경에서 통과했습니다. 시간을 측정한 클린 클론 설정, 실제 공급자 스모크, 배포, 물리적 장치 승인은 별도의 검증 단계로 남아 있습니다.

supastack에 오신 것을 환영합니다

supastack은 AI SaaS 제품을 위한 모듈식 키트입니다: Next.js 웹 앱, Expo 모바일 앱, Tauri 데스크톱 셸이 모두 인증, 결제, AI, 작업, 이메일, 스토리지, 옵저버빌리티를 위한 공유 TypeScript 패키지 위에 구축되어 있습니다.

구매 후에는 키트 리포지토리 — 웹, 모바일, 데스크톱(All Platforms 번들은 전체 모노레포를 제공합니다) — 에 대한 GitHub 초대를 받습니다. 출시할 표면을 클론해 당신의 것으로 만드세요.

이 문서는 레퍼런스 모음이 아니라 단계별 경로입니다: 먼저 앱을 로컬에서 실행한 다음 프로바이더 설정 페이지를 순서대로 따라가세요. 각 페이지는 끝에서 다음 페이지를 가리킵니다.

로컬 서버 시작

Node.js 22 이상이 필요합니다. 리포지토리는 패키지 매니저를 고정합니다(packageManager: [email protected]) — Corepack을 통해 pnpm을 실행하면 전역 설치가 필요 없습니다.

1. 환경 파일을 복사해 로컬 구성을 만드세요.

2. 워크스페이스 의존성을 설치하세요.

3. 선택적으로 로컬 Postgres 컨테이너를 시작해 실제 영속성을 확보하세요 — 기본값은 그것 없이도 실행됩니다.

4. 개발 서버를 시작하고 http://localhost:3000을 여세요.

cp .env.example .env
corepack pnpm install
docker compose up -d postgres   # optional local database
corepack pnpm dev

# → http://localhost:3000

.env 파일

환경 설정은 키트에서 사용하는 로컬 또는 호스팅 서비스를 선택합니다. 마이그레이션의 경우 .env.example을 루트 .env에 복사하고 웹 서버의 경우 apps/web/.env.local에 복사합니다. Expo는 ​​apps/mobile/.env.local.를 사용합니다. 루트 .env만 복사해도 모든 앱이 구성되지는 않습니다.

기본 가짜/로컬 공급자에게는 유료 API 자격 증명이 필요하지 않습니다. 이를 통해 메모리 내/대시보드 데모를 완료할 수 있습니다. /auth의 실제 로그인에는 여전히 PostgreSQL 및 마이그레이션이 필요합니다. 실제 공급자의 경우 웹 구성 파일에서 명명된 설정만 변경하고 저장한 다음 서버를 중지하고 다시 시작합니다. NEXT_PUBLIC_ 또는 EXPO_PUBLIC_ 값을 통해 비밀을 노출하지 마십시오.

경로 선택

처음이신가요? 5분 만에 출시 문서가 클론부터 기본값만으로 실행되는 앱까지 안내합니다.

폰이나 데스크톱용으로 빌드하시나요? Mobile과 Desktop 탭이 Expo와 Tauri 표면을 다룹니다. 앱이 켜지면 프로바이더 설정 그룹이 각 통합을 문서별로 안내합니다.

설정을 계속하려면 5분 만에 출시 가이드를 읽어보세요.

자주 묻는 질문

질문 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
테마