架构
框架的底层设计:一套 React 代码,边缘优先的基础设施。
请求生命周期
每个请求都会流经边缘上的五个阶段。
- 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