TanStack Start와 Cloudflare Workers 기반의 엣지 네이티브 SaaS 스타터로, 인증, Stripe 결제, 이메일, i18n, 관리자 콘솔을 제공합니다.
mickasmt/next-saas-stripe-starter
인증, 조직, Stripe 결제, 관리자 패널, 문서, 블로그, 변경 로그를 필요에 따라 켜고 끌 수 있는 오픈소스 모듈형 Next.js SaaS 스타터입니다.
- 스타
- 3,012
- 포크
- 641
- 열린 이슈
- 0
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
이 스타터는 구독형 웹 제품을 개발할 때 바로 활용할 수 있는 기반을 제공합니다. Better Auth를 통한 Google 로그인, 조직 기능, 고객 포털과 웹훅을 지원하는 Stripe Checkout, 사용자 관리용 관리자 패널을 갖추고 있습니다. 문서, 블로그, 변경 로그 페이지는 Fumadocs와 MDX로 작성합니다.
프로젝트는 기능 모듈을 중심으로 구성되어 있습니다. 각 모듈은 config/features.ts의 플래그로 관리되며, 모듈을 끄면 해당 경로는 404를 반환하고 링크는 표시되지 않으며 엔드포인트 요청은 거부됩니다. 의존성이나 필수 서비스의 환경 변수가 없으면 모듈은 비활성 상태로 유지됩니다. pnpm modules:prune 명령은 불필요한 모듈을 제거하며, --yes를 전달하지 않으면 삭제 예정 항목만 출력합니다.
이 프로젝트는 App Router를 사용하는 Next.js 16, Drizzle ORM을 통한 Neon Postgres, Tailwind CSS v4, shadcn/ui, Base UI를 기반으로 하며, 전반적으로 TypeScript, Zod 검증, 서버 액션을 사용합니다.
핵심 기능
- 01Better Auth를 통한 Google 로그인 및 조직 기능
- 02구독용 Stripe Checkout, 고객 포털, 웹훅
- 03플랫폼 사용자 관리를 위한 관리자 패널
- 04MDX로 작성된 문서, 블로그, 변경 로그
- 05토글하거나 단일 명령으로 제거할 수 있는 기능 모듈
활용 사례
- Next.js로 구독형 SaaS 제품 시작하기
- Better Auth, Drizzle, Stripe를 하나의 앱에서 조합하는 방법 익히기
- 앱과 함께 문서 및 변경 로그가 필요한 제품 만들기
빠른 시작
- 1
스타터 템플릿으로 프로젝트를 만듭니다
npx create-next-app my-saas --example "https://github.com/mickasmt/next-saas-stripe-starter" - 2
프로젝트 폴더로 이동해 종속성을 설치합니다(그다음 .env.example을 .env.local로 복사하고 필요한 값을 입력합니다)
cd my-saas && pnpm install - 3
데이터베이스 마이그레이션을 적용합니다
pnpm db:migrate - 4
개발 서버를 시작합니다
pnpm dev
사용 전 알아둘 점
- Neon Postgres, Stripe, Google OAuth와 같은 필수 서비스를 구성하기 전까지 모듈은 비활성화 상태로 유지됩니다.
- 팀 초대, 좌석 기반 요금 청구, 온보딩, 트랜잭션 이메일은 이 저장소에 포함되어 있지 않으며 유료 Pro 버전에서만 사용할 수 있습니다.
포함된 컬렉션
토픽
자주 묻는 질문
- next-saas-stripe-starter은(는) 무엇인가요?
- 인증, 조직, Stripe 결제, 관리자 패널, 문서, 블로그, 변경 로그를 필요에 따라 켜고 끌 수 있는 오픈소스 모듈형 Next.js SaaS 스타터입니다. 이 스타터는 구독형 웹 제품을 개발할 때 바로 활용할 수 있는 기반을 제공합니다. Better Auth를 통한 Google 로그인, 조직 기능, 고객 포털과 웹훅을 지원하는 Stripe Checkout, 사용자 관리용 관리자 패널을 갖추고 있습니다. 문서, 블로그, 변경 로그 페이지는 Fumadocs와 MDX로 작성합니다.
- next-saas-stripe-starter은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- next-saas-stripe-starter은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- next-saas-stripe-starter은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. next-saas-stripe-starter의 마지막 커밋은 2026년 9월 28일입니다.
- next-saas-stripe-starter은(는) 어디에 사용할 수 있나요?
- Next.js로 구독형 SaaS 제품 시작하기 Better Auth, Drizzle, Stripe를 하나의 앱에서 조합하는 방법 익히기 앱과 함께 문서 및 변경 로그가 필요한 제품 만들기
- next-saas-stripe-starter는 어떻게 설치하나요?
- 스타터 템플릿으로 프로젝트를 만듭니다: npx create-next-app my-saas --example "https://github.com/mickasmt/next-saas-stripe-starter" 프로젝트 폴더로 이동해 종속성을 설치합니다(그다음 .env.example을 .env.local로 복사하고 필요한 값을 입력합니다): cd my-saas && pnpm install 데이터베이스 마이그레이션을 적용합니다: pnpm db:migrate 개발 서버를 시작합니다: pnpm dev
- next-saas-stripe-starter은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mickasmt/next-saas-stripe-starter
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React 19, tRPC, Drizzle ORM, Better Auth, Stripe, Cloudflare Workers를 사용하는 풀스택 SaaS 스타터 모노레포입니다.
Trello의 자체 호스팅 대안으로 사용할 수 있는 오픈소스 보드·카드 기반 프로젝트 관리 앱입니다.
React, TypeScript, Firebase, Stripe 기반 오픈소스 SaaS 스타터로 인증, 결제, 팀 관리, i18n을 지원합니다.
브랜드 링크, 사용자 지정 도메인, QR 코드, 클릭·리드·매출 추적 기능을 제공하는 오픈소스 URL 단축 서비스입니다.
Clerk 인증, 멀티테넌시, RBAC, i18n, Drizzle ORM, Tailwind CSS를 갖춘 오픈소스 Next.js SaaS 스타터입니다.