> ## Documentation Index
> Fetch the complete documentation index at: https://supastack.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For the full documentation corpus in one file, fetch: https://supastack.dev/llms-full.txt

# 인증, 빌링, AI가 이미 연동된 Next.js SaaS 보일러플레이트

supastack은 Next.js 16 SaaS 보일러플레이트입니다. 로그인, 팀, 빌링, AI 채팅, 관리자, 다국어, 테마까지, 첫날부터 배포할 수 있는 진짜 앱입니다.

_게시일 2026-11-02._
_2026-11-02 업데이트됨._

> **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


## 하나의 제품, 네 가지 스택

supastack은 같은 SaaS가 네 가지 형태로 제공됩니다. 이 Next.js 앱, TanStack Start 앱, iOS와 Android용 Expo 앱, Tauri 데스크톱 앱입니다. 하나의 백엔드를 공유하므로 웹에서 만든 워크스페이스가 폰에도 나타납니다.

한 개의 라이선스가 네 앱 모두를 커버합니다. 이 스택만 원하면 단일 플랫폼 요금제도 있지만, 나중에 다른 앱을 추가해도 됩니다.


## 클론에서 프로덕션까지

클론하고, 환경 변수를 채우고, 마이그레이션을 실행하면 바로 둘러볼 수 있는 시드 데이터와 함께 앱이 부팅됩니다. 5분 퀵스타트가 정확히 그 경로를 안내하고, 프로바이더별 가이드가 활성화하는 각 통합을 다룹니다.

- 설치 한 번, 개발 명령 하나, 첫 실행이 데모 워크스페이스를 시드
- Vercel, Docker, Node, Cloudflare Workers에 배포
- 선택적 프로바이더는 키를 추가하기 전까지 꺼져 있음, 시크릿이 없다고 깨지지 않음


## 자주 묻는 질문

- Next.js 앱은 실제 제품인가요, 컴포넌트 라이브러리인가요?, 실제 제품입니다. 로그인, 온보딩, 대시보드, 빌링, 설정, 관리자까지 전체 화면을 실제 백엔드 위에서 제공합니다. 이 사이트의 모든 스크린샷이 이 앱에서 나옵니다.
- Next.js 앱은 어디에 배포할 수 있나요?, Next.js가 돌아가는 곳이면 어디든: Vercel, VPS의 Docker, Netlify, Bun, Cloudflare Workers. 배포 가이드가 각 대상을 다루며, 시작에 필수인 프로바이더는 없습니다, 모든 통합이 선택 사항입니다.
- AI 기능이 포함되나요?, 네, 스트리밍 AI 채팅, 백그라운드 에이전트 작업, 워크스페이스별 예산, 토큰 사용량 추적이 포함되며 OpenAI, Anthropic, OpenRouter 키만 넣으면 됩니다.