인증, 결제, 크레딧, 작업 큐가 이미 연결된 AI SaaS 출시
TanSaaS는 공개 페이지, AI 도구, content collections, 현지화 문구, Cloudflare-ready 제품 인프라를 명확히 나누는 구현 예시입니다.
- Stripe 구독과 크레딧 팩
- better-auth 세션과 역할
- Replicate 및 fal 작업 어댑터
팀이 신뢰하는 스택으로 구축
작지만 완성된 구현 샘플
이 템플릿은 명확한 소유 경계를 중시합니다. 라우트는 얇게, 페이지 콘텐츠는 src/pages에, 공통 기능은 src/core에 둡니다.
얇은 라우트
라우트는 loader, metadata, 페이지 모듈만 연결하며 큰 JSX 구성이나 마케팅 문구를 소유하지 않습니다.
인증 경계
Dashboard와 admin 화면은 better-auth 세션, 역할 가드, 재사용 가능한 계정 UI를 사용합니다.
AI 작업 파이프라인
도구 실행은 타입이 있는 provider input, webhook, 보안 스토리지, 계정별 작업 기록을 거칩니다.
결제와 크레딧
Stripe 구독, 일회성 팩, 만료 크레딧 lot, 원장을 교체 가능한 제품 인프라로 모델링합니다.
Cloudflare-ready
Workers, R2, KV 친화 설정과 빌드 스크립트로 배포 관련 코드를 보이게 하되 격리합니다.
교체 가능한 Provider
Provider 인터페이스 덕분에 AI, 결제, 스토리지, 이메일을 앱 셸을 바꾸지 않고 교체할 수 있습니다.
패턴을 복사하기 충분한 제품 표면
TanSaaS는 의도적으로 간결합니다. 중요한 파일을 복잡한 구조 뒤에 숨기지 않고 아키텍처를 보여줍니다.
통합된 제품 모듈
Cloudflare Workers 배포 대상
소스 코드는 내 저장소에 소유
실제 제품을 만드는 메이커를 위해
팀이 TanSaaS를 사용하여 보일러플레이트를 건너뛰고 AI 제품을 차별화하는 기능에 집중합니다.
“크레딧 시스템과 Stripe 웹훅이 이미 연결되어 있었어요. 2주간의 기반 작업 대신 오후에 fal 모델을 추가했습니다.”
ACAlex Chen설립자, VisualAI
“드디어 Cloudflare Workers를 후첨부가 아닌 일급 시민으로 다루는 SaaS 스타터가 나왔습니다.”
JLJordan Lee스태프 엔지니어
“인증, 관리자 패널, 크레딧 — 첫날부터 모두 준비되어 있습니다.”
SRSam Rivera인디 해커
“프로바이더 인터페이스 덕분에 Replicate에서 fal로의 전환이 매우 쉬웠습니다.”
MKMorgan KimML 엔지니어
간단하고 투명한 요금제
월간 구독으로 가장 합리적인 가격을 즐기거나, 크레딧 팩을 먼저 시도하거나, 필요할 때 Volume+를 추가하세요.
크레딧이 매월 충전되며 언제든 구독을 관리하거나 취소할 수 있습니다.
포함 모델
- GPT
- Gemini
- Grok
- Seedream
- FLUX
- PrunaAI
- 최대 1,000장의 이미지
- 최대 3m 20s 동영상
- 최대 1,000회 도구 실행
- 일상 창작을 위한 표준 생성 대기열
- 다운로드마다 워터마크 없음 — 바로 전달 가능한 깨끗한 파일
- 광고, 이커머스, 클라이언트 납품용 상업 라이선스
- 검색 가능한 제작 기록이 있는 비공개 작업 공간
- 필요할 때 이메일 지원
Stripe가 제공하는 안전한 결제
- 최대 2,500장의 이미지
- 최대 8m 20s 동영상
- 최대 2,500회 도구 실행
- 우선 생성 대기열 — 수요가 높을 때 더 빠른 처리
- 다운로드마다 워터마크 없음 — 바로 전달 가능한 깨끗한 파일
- 광고, 이커머스, 클라이언트 납품용 상업 라이선스
- 검색 가능한 제작 기록이 있는 비공개 작업 공간
- 더 빠른 답변의 우선 이메일 지원
Stripe가 제공하는 안전한 결제
- 최대 6,000장의 이미지
- 최대 20 min 동영상
- 최대 6,000회 도구 실행
- 최우선 생성 대기열 — 피크 시간대 최우선 처리
- 다운로드마다 워터마크 없음 — 바로 전달 가능한 깨끗한 파일
- 광고, 이커머스, 클라이언트 납품용 상업 라이선스
- 검색 가능한 제작 기록이 있는 비공개 작업 공간
- 팀·에이전시·상시 워크플로를 위한 우선 지원
Stripe가 제공하는 안전한 결제
Stripe 보안 결제
카드 정보는 Stripe로 직접 전송되며 당사 서버를 거치거나 저장되지 않습니다.
지역별 결제 수단
Stripe가 지역과 기기에 따라 이용 가능한 카드 및 현지 결제 수단을 표시합니다.
필수 청구 정보만 수신
구매 활성화 및 관리에 필요한 결제 결과와 청구 정보만 수신합니다.
30일 환불 보장
유료 크레딧 사용 전에는 전액, 사용 후에는 남은 유료 크레딧 비율만큼 환불됩니다. 환불 조건
교체 가능한 Provider
인증 및 관리자 가드
better-auth 세션, 역할 기반 라우트, 관리자 크레딧 콘솔.
엣지 고속 제공
Cloudflare Workers에 배포하고 R2 스토리지, webhook, 엣지 Redis 캐싱을 사용합니다.
크레딧 게이트 AI 작업
만료 크레딧 lot과 webhook-safe 결제로 Replicate 및 fal 워크로드를 실행합니다.
제품 팀을 위한 구성
대시보드, 가격, 관리자 플로우가 포함되어 수익화를 빠르게 검증할 수 있습니다.
“빈 저장소에서 인증, 결제, AI 작업까지 주말 안에 만들었습니다. Provider 경계 덕분에 자체 모델도 쉽게 연결했습니다.”
Supabase + Drizzle
Postgres 스키마, 마이그레이션, 타입이 있는 쿼리가 도메인 모델에 맞게 준비되어 있습니다.
Stripe
구독, 크레딧 충전, webhook, 고객 포털 훅.
Replicate 및 fal
공유 작업 원장, webhook, 크레딧 게이트를 통해 AI provider를 교체합니다.
Cloudflare Workers
R2, Email, Wrangler-ready 빌드 파이프라인을 갖춘 엣지 배포.
자주 묻는 질문
결제, 크레딧, 배포, TanSaaS 템플릿 커스터마이징에 대한 답변.