kriasoft/react-starter-kit

어떤 프로젝트인가요?

핵심 기능

• 01데이터베이스부터 UI까지 공유하는 Drizzle ORM 스키마와 tRPC 기반 타입 안전 API 계층.
• 02웹, 앱, API용으로 독립 배포되는 Cloudflare Workers 3개.
• 03이메일 OTP, 패스키, Google OAuth, 조직 기능을 지원하는 Better Auth.
• 04스타터 및 프로 플랜을 제공하는 선택형 Stripe 구독 결제.
• 05Drizzle 마이그레이션, 시드 데이터, 데이터베이스 스튜디오 명령어.
• 06인프라 관리를 위한 Terraform과 Bun, Vite, Vitest 툴체인.

활용 사례

• 처음부터 로그인, 팀 기능, 구독이 필요한 SaaS 제품 시작하기.
• Postgres 백엔드를 사용하고 Cloudflare Workers 엣지에 배포하는 React 앱 구축하기.
• 풀스택 TypeScript 모노레포에서 tRPC, Drizzle, Better Auth를 연동하는 방식 익히기.

빠른 시작

1. 1

   템플릿에서 프로젝트를 만들고 clone합니다

2. 2

   종속 항목을 설치합니다

   bun install
3. 3

   defaults 파일을 복사해 환경을 구성합니다

   cp .env .env.local
4. 4

   모든 앱을 개발 모드로 시작합니다

   bun dev

사용 전 알아둘 점

• !런타임 및 패키지 관리자로 Bun v1.4 이상이 필요하며, Node.js와 npm을 대체합니다.
• !Cloudflare Workers에 배포하며 Cloudflare 계정이 필요합니다.
• !모든 기능을 사용하려면 Neon PostgreSQL 데이터베이스와 이메일 로그인을 위한 Resend API 키가 필요합니다.

토픽

자주 묻는 질문

react-starter-kit은(는) 무엇인가요?

React 19, tRPC, Drizzle ORM, Better Auth, Stripe, Cloudflare Workers를 사용하는 풀스택 SaaS 스타터 모노레포입니다. React Starter Kit은 React 19와 데이터베이스부터 UI까지 타입 안전성을 갖춘 스택으로 SaaS 웹 애플리케이션을 만들기 위한 모노레포 템플릿입니다. 프로젝트를 마케팅 사이트, React 싱글 페이지 앱, Hono와 tRPC 기반 API로 나누며, 각 앱은 서비스 바인딩으로 연결된 별도의 Cloudflare Worker로 배포됩니다.

react-starter-kit은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

react-starter-kit은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

react-starter-kit은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. react-starter-kit의 마지막 커밋은 2026년 10월 19일입니다.

react-starter-kit은(는) 어디에 사용할 수 있나요?

처음부터 로그인, 팀 기능, 구독이 필요한 SaaS 제품 시작하기. Postgres 백엔드를 사용하고 Cloudflare Workers 엣지에 배포하는 React 앱 구축하기. 풀스택 TypeScript 모노레포에서 tRPC, Drizzle, Better Auth를 연동하는 방식 익히기.

react-starter-kit는 어떻게 설치하나요?

템플릿에서 프로젝트를 만들고 clone합니다 종속 항목을 설치합니다: bun install defaults 파일을 복사해 환경을 구성합니다: cp .env .env.local 모든 앱을 개발 모드로 시작합니다: bun dev

react-starter-kit은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/kriasoft/react-starter-kit