아키텍처
프레임워크의 내부 설계: 하나의 React 코드베이스, 엣지 우선 인프라.
요청 라이프사이클
모든 요청은 엣지의 5단계를 거칩니다.
- 클라이언트브라우저의 React 앱React 19TanStack RouterParaglide
- 엣지Cloudflare Worker가 SSR 렌더링Cloudflare WorkersSSRStatic assets
- 서버 함수타입 안전 RPC, Zod + 미들웨어createServerFnZodMiddleware
- 프로바이더인증, 결제, 메일, AI 호출Better AuthStripe / CreemResend / CF EmailAI SDK
- 데이터와 응답D1 쿼리, R2 파일, 스트리밍 HTMLD1 + DrizzleR2Streamed HTML
- FastSaas
- 프론트엔드
- React 19
- TanStack Start / Router
- Tailwind CSS v4
- Paraglide i18n (5 locales)
- shadcn/ui + Base UI
- 인증
- Better Auth
- Google OAuth
- Email + password
- API keys
- Cloudflare Turnstile
- 결제
- Stripe
- Creem
- PayPal NCP
- Alipay page.pay
- Webhooks ×4
- AI
- Vercel AI SDK
- DeepSeek (streaming chat)
- Workers AI
- fal.ai
- Credits + funding cascade
- 데이터
- Cloudflare D1
- Drizzle ORM
- R2 storage
- In-app messaging
- Activity ledger
- 메일과 알림
- Resend
- Cloudflare Email Service
- React Email templates
- Discord / Feishu alerts
- 배포
- Cloudflare Workers
- wrangler deploy
- D1 migrations
- Secrets via wrangler
- Playwright E2E