fireact-dev/main

어떤 프로젝트인가요?

핵심 기능

• 01회원가입, 로그인, 비밀번호 재설정 및 사용자 프로필 관리
• 02역할 기반 접근 제어 및 권한 설정이 포함된 팀 초대
• 03Stripe 결제 포털과 청구서를 지원하는 여러 구독 플랜
• 04플랜 업그레이드 및 다운그레이드와 결제 수단 관리
• 05페이지, 컴포넌트, Cloud Functions 추가를 지원하는 Claude Code skill
• 06로컬 개발을 위한 Firebase 에뮬레이터 지원

활용 사례

• 인증과 결제 기능을 처음부터 만들지 않고 Firebase 기반 구독형 SaaS 제품 출시
• 웹 앱에 멤버 초대와 역할을 통한 팀 협업 기능 추가
• Stripe 테스트 모드와 로컬 에뮬레이터로 유료 웹 제품 프로토타이핑

빠른 시작

1. 1

   create-fireact-app CLI를 전역으로 설치합니다

   npm install -g create-fireact-app
2. 2

   CLI로 새 프로젝트를 생성합니다

   create-fireact-app <your-project-name>
3. 3

   CLI 안내에 따라 Firebase 프로젝트를 선택하고 Stripe를 구성합니다

4. 4

   앱과 Functions를 빌드한 다음 Firebase 에뮬레이터를 시작합니다

   npm run build && cd functions && npm run build && cd .. && firebase emulators:start

사용 전 알아둘 점

• !완전히 실행하려면 Firebase 및 Stripe 계정과 구성이 필요합니다.
• !배포 전에 프로덕션 설정과 Stripe 키를 수동으로 업데이트해야 합니다.

포함된 컬렉션

토픽

자주 묻는 질문

main은(는) 무엇인가요?

React, TypeScript, Firebase, Stripe 기반 오픈소스 SaaS 스타터로 인증, 결제, 팀 관리, i18n을 지원합니다. fireact.dev는 프로덕션 수준의 SaaS 애플리케이션을 구축하기 위한 기반입니다. React와 TypeScript 프런트엔드에 Firebase Authentication, Firestore, Cloud Functions 백엔드를 결합하고, 결제 처리에는 Stripe를 사용합니다. 로그인, 구독, 팀 관리의 초기 설정을 건너뛰고 바로 작동하는 코드를 바탕으로 제품 개발을 시작할 수 있도록 하는 것이 목표입니다.

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

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

main은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. main의 마지막 커밋은 2026년 9월 11일입니다.

main은(는) 어디에 사용할 수 있나요?

인증과 결제 기능을 처음부터 만들지 않고 Firebase 기반 구독형 SaaS 제품 출시 웹 앱에 멤버 초대와 역할을 통한 팀 협업 기능 추가 Stripe 테스트 모드와 로컬 에뮬레이터로 유료 웹 제품 프로토타이핑

main는 어떻게 설치하나요?

create-fireact-app CLI를 전역으로 설치합니다: npm install -g create-fireact-app CLI로 새 프로젝트를 생성합니다: create-fireact-app <your-project-name> CLI 안내에 따라 Firebase 프로젝트를 선택하고 Stripe를 구성합니다 앱과 Functions를 빌드한 다음 Firebase 에뮬레이터를 시작합니다: npm run build && cd functions && npm run build && cd .. && firebase emulators:start

main은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/fireact-dev/main