supastack의 Next.js 앱에는 무엇이 포함되나요?
플랜에 따라 다르지만 모든 라이선스에는 동일한 완성형 Next.js 16 앱이 포함됩니다: OAuth, 패스키, 2단계 인증 로그인, 팀 워크스페이스, 8개 결제 제공사 청구, 워크스페이스별 예산이 있는 AI 채팅, 관리 화면, 13개 언어. 단일 플랫폼 라이선스는 Next.js만 포함하고, 번들은 같은 백엔드 위의 TanStack Start, Expo, Tauri 앱을 추가합니다.
SaaS에 필요한 모든 것, 이미 완성
Next.js 앱은 supastack 제품 전체입니다. 구매자들이 데모에서 보는 것과 같은 대시보드, 설정, 관리자 화면이 그대로 들어 있습니다. 랜딩 페이지를 조립하는 게 아니라 완성된 제품에서 필요 없는 부분만 빼면 됩니다.
- Google, Apple, GitHub, 이메일 매직 링크 로그인, 패스키, 2단계 인증, 세션 관리까지
- 멤버별 권한이 있는 워크스페이스, 역할, 팀 초대
- 체크아웃, 고객 포털, 서명된 웹훅을 갖춘 빌링, Stripe, Paddle, Polar, Lemon Squeezy, Dodo, Creem, Whop, PayPal 지원
- 워크스페이스별 예산과 토큰 사용량 추적이 있는 AI 채팅 및 백그라운드 에이전트 작업
- 알림, 활동 피드, 피드백 받은편지함, 모든 트랜잭션 이메일 미리보기
- 분석, 검색, 멤버, 보안 세션이 있는 관리자 화면
- 13개 언어, 20개 이상의 테마 팩, OpenAPI로 완전히 문서화된 API
- 시드 데이터, 실제 테스트, 설치부터 배포까지 다루는 가이드
Next.js 팀이 기대하는 방식으로 구축
앱은 App Router 기반 Next.js 16에서 실행됩니다. React Server Components로 첫 페인트를 빠르게, route handler로 API 엔드포인트를, 필요한 곳에 스트리밍을 적용했습니다. 모든 것이 Turbo 모노레포 안에서 엔드 투 엔드로 타입화되어 있어 오후 한나절이면 전체를 파악할 수 있습니다.
제품 로직은 공유 패키지에 있습니다, 인증, DB 스키마, 이메일, 작업, 빌링, AI 프로바이더, 그래서 프레임워크 레이어는 얇게 유지됩니다. 프로바이더 교체나 웹훅 추적은 몇 분이면 끝나고, 고고학은 필요 없습니다.
- Next.js 16 App Router + React 19
- React Server Components (RSC) + Server Actions
- TypeScript + Turborepo
- Better Auth
- Drizzle + PostgreSQL
- Trigger.dev
- Sentry + PostHog
클론에서 프로덕션까지
클론하고, 환경 변수를 채우고, 마이그레이션을 실행하면 바로 둘러볼 수 있는 시드 데이터와 함께 앱이 부팅됩니다. 5분 퀵스타트가 정확히 그 경로를 안내하고, 프로바이더별 가이드가 활성화하는 각 통합을 다룹니다.
- 설치 한 번, 개발 명령 하나, 첫 실행이 데모 워크스페이스를 시드
- Vercel, Docker, Node, Cloudflare Workers에 배포
- 선택적 프로바이더는 키를 추가하기 전까지 꺼져 있음, 시크릿이 없다고 깨지지 않음
자주 묻는 질문
- Next.js 앱은 실제 제품인가요, 컴포넌트 라이브러리인가요?, 실제 제품입니다. 로그인, 온보딩, 대시보드, 빌링, 설정, 관리자까지 전체 화면을 실제 백엔드 위에서 제공합니다. 이 사이트의 모든 스크린샷이 이 앱에서 나옵니다.
- Next.js 앱은 어디에 배포할 수 있나요?, Next.js가 돌아가는 곳이면 어디든: Vercel, VPS의 Docker, Netlify, Bun, Cloudflare Workers. 배포 가이드가 각 대상을 다루며, 시작에 필수인 프로바이더는 없습니다, 모든 통합이 선택 사항입니다.
- AI 기능이 포함되나요?, 네, 스트리밍 AI 채팅, 백그라운드 에이전트 작업, 워크스페이스별 예산, 토큰 사용량 추적이 포함되며 OpenAI, Anthropic, OpenRouter 키만 넣으면 됩니다.