v1.0 출시

아키텍처

프레임워크의 내부 설계: 하나의 React 코드베이스, 엣지 우선 인프라.

요청 라이프사이클

모든 요청은 엣지의 5단계를 거칩니다.

  1. Client
    Your React app in the browser
    React 19TanStack RouterParaglide
  2. Edge
    Cloudflare Worker renders SSR
    Cloudflare WorkersSSRStatic assets
  3. Server functions
    Typed RPC with Zod + middleware
    createServerFnZodMiddleware
  4. Providers
    Auth, payments, email, AI calls
    Better AuthStripe / CreemResend / CF EmailAI SDK
  5. Data & response
    D1 queries, R2 files, streamed HTML
    D1 + DrizzleR2Streamed HTML
  • AI SaaS Starter
    • Frontend
      • React 19
      • TanStack Start / Router
      • Tailwind CSS v4
      • Paraglide i18n (5 locales)
      • shadcn/ui + Base UI
    • Authentication
      • Better Auth
      • Google OAuth
      • Email + password
      • API keys
      • Cloudflare Turnstile
    • Payments
      • Stripe
      • Creem
      • PayPal NCP
      • Alipay page.pay
      • Webhooks ×4
    • AI
      • Vercel AI SDK
      • DeepSeek (streaming chat)
      • Workers AI
      • fal.ai
      • Credits + funding cascade
    • Data
      • Cloudflare D1
      • Drizzle ORM
      • R2 storage
      • In-app messaging
      • Activity ledger
    • Email & Alerts
      • Resend
      • Cloudflare Email Service
      • React Email templates
      • Discord / Feishu alerts
    • Deploy
      • Cloudflare Workers
      • wrangler deploy
      • D1 migrations
      • Secrets via wrangler
      • Playwright E2E

출시에 필요한 모든 것

70+페이지 및 모듈
5+AI 공급자 통합