saas-base
AI에게 코드를 맡겨 Vite + Supabase + Stripe SaaS를 만드는 출발점입니다. Claude Code 또는 Codex로 작업한다는 가정 위에 FSD 6레이어 폴더 규칙과 phase 흐름, 자동화 진입점이 미리 잡혀 있어, 첫 두세 프롬프트 이후 구조가 흔들리는 자리를 막아 줍니다.
이 페이지는 분기일 뿐입니다. 본인이 어디서부터 시작해야 할지 한 표로 가린 다음, 그 자리로 곧장 넘어가면 됩니다.
어디서부터 시작할지
섹션 제목: “어디서부터 시작할지”| 어떤 분 | 가야 할 자리 |
|---|---|
| 풀타임 개발자가 아닌 분, 터미널과 git이 처음, Supabase와 Stripe도 처음 | 비개발자용 매뉴얼 |
| React와 TS는 익숙한데 Supabase, Stripe, FSD가 처음 | 비개발자용 매뉴얼의 prerequisites부터 first-run까지, 그다음 전문가용 매뉴얼 |
| 이미 Supabase와 Stripe로 SaaS를 출시해 본 적 있음 | 전문가용 매뉴얼, architecture부터 곧바로 |
세 행 중 어느 쪽인지 결정이 안 서면 첫 행을 고릅니다. 비개발자용 매뉴얼은 한 단계당 한 동작 호흡이라, 이미 익숙한 자리는 빠르게 훑고 넘어가도 됩니다.
두 매뉴얼의 차이
섹션 제목: “두 매뉴얼의 차이”전문가용 매뉴얼은 짧은 reference 호흡입니다. ADR, FSD 6레이어, 어댑터, RLS, webhook 같은 어휘가 익숙하다고 가정하고, 결정 근거 위주로 풀립니다. intro와 architecture, verification, build-and-package, distribution, updates 여섯 섹션입니다.
비개발자용 매뉴얼은 단계별입니다. AI가 코드를 쓴다는 발상에는 익숙하지만 터미널과 git, Node, Supabase 계정, Stripe 계정이 처음일 수 있다고 가정합니다. 화면이 어떻게 보여야 정상인지를 본문이 같이 짚어 줍니다. index와 11단계로 풀립니다.
같은 base를 두 호흡으로 푼 짝입니다. 톤은 다르지만 다루는 코드와 명령은 그대로 일치합니다.
어디서 시작하든 공통
섹션 제목: “어디서 시작하든 공통”첫 실행은 Vite dev 서버만 띄우면 끝납니다. Supabase 계정도 Stripe 계정도 그 자리에선 필요 없습니다. pnpm dev 가 http://localhost:5173 에 화면을 띄우는 모습을 직접 본 다음, 실제 백엔드 연결은 본인 SaaS의 모양이 잡힌 자리에서 시작합니다. 호흡은 phase 1부터 6까지 미리 잘려 있고, 한 phase가 끝나야 다음 phase로 진입합니다.
AI 진입점은 Claude Code에서 /start 한 줄, Codex에서는 저장소 루트의 AGENTS.md 입니다. 두 경로는 같은 canonical 문서 AI_AUTOMATION.md를 가리킵니다.
라이선스는 All Rights Reserved에 상업 라이선스 모델입니다. 결제 흐름과 변호사 검토된 COMMERCIAL-LICENSE.md가 아직 작업 중이라, 실제 판매 전에는 그 두 가지가 마무리돼야 합니다. 매뉴얼과 랜딩은 public이라 지금 읽고 있는 이 페이지는 그대로 공개돼 있습니다.