アーキテクチャ
フレームワークの内部設計：1 つの React コードベース、エッジファーストなインフラ。
リクエストのライフサイクル
すべてのリクエストはエッジ上の 5 つのステージを流れます。
- ClientYour React app in the browserReact 19TanStack RouterParaglide
- EdgeCloudflare Worker renders SSRCloudflare WorkersSSRStatic assets
- Server functionsTyped RPC with Zod + middlewarecreateServerFnZodMiddleware
- ProvidersAuth, payments, email, AI callsBetter AuthStripe / CreemResend / CF EmailAI SDK
- Data & responseD1 queries, R2 files, streamed HTMLD1 + 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