架构
框架的底层设计:一套 React 代码,边缘优先的基础设施。
请求生命周期
每个请求都会流经边缘上的五个阶段。
- 客户端浏览器中的 React 应用React 19TanStack RouterParaglide
- 边缘节点Cloudflare Worker 渲染 SSRCloudflare 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