生成日期: 2026-03-27 目标项目: 全體starsoup項目 核心原则: 以後項目統一方針管理，讓開發-部署更加流暢且有經驗；同時為了成本最小化，在非必要不要使用收費供應商。
前言
目前許多項目都是Vue3+Vite+Netlify+Cloudflare。 Vue3 Vite UI是tailwindCSS+DaisyUI，有些項目還有一些animation小組件 Netlify 用作部署 Cloudflare 只負責domain，dns管理。
由於需要成本最小化，可考慮多賬號管理供應商 例：supabase免費版本只能同時存在2個數據庫保持在線，第三個開始要徵收$20一個月的費用，但可直接擴張到100個項目。如果使用多賬號模式對輕量化數據庫來說是最大性價比的操作，但需要引入賬號管理層（項目）。
但目前為了更加專業，安全與可擴展性的考慮，未來的新項目都要基於標準統一的stack來做；現有項目則在需要維護時才看是需要升級依賴庫還是直接改架構。
標準化STACK整理
前端
全體統一語言：React；只有明顯只需要靜態網頁的話繼續使用Vue+Vite+Netlify部署 架構：基本是Next.js（迎合Vercel），少數內部項目，小項目使用Vite UI：全體遵循TailwindCSS。新項目統一使用shadcn+radixUI
後端
部署：統一Vercel（保留將來氪金 $20 的決策，短期不需要） 數據庫：Supabase（估計會最先氪金，$25一個月，因為網店即將開發需要新數據庫） 邊緣計算（鑑權等）：cloudflare workers 存儲：Cloudflare R2（暫時不會觸碰aws，除非以後項目做的很大） function：分層討論（數據層supabase，應用層Vercel）這裡在每次開發時要針對每個需求來分配部署在哪個平臺，且需要有明確的文檔避免後期混淆或遺忘。 支付：Stripe or Creem？
以下表格為參考，不一定每次都會用上所有功能：
| 层级 | 供應商 |
|---|---|
| 前端框架 | Next.js |
| UI系统 | shadcn/ui + Radix UI |
| 样式 | Tailwind CSS |
| 状态管理 | Zustand |
| 表单处理 | React Hook Form + Zod |
| 后端（BaaS） | Supabase |
| 数据库 | PostgreSQL（Supabase） |
| 实时能力 | Supabase Realtime |
| 文件存储 | Supabase Storage / Cloudflare R2 |
| 认证 | Supabase Auth |
| API层 | Next.js Route Handlers / Edge Functions |
| 搜索 | Algolia / Meilisearch |
| 支付 | Stripe |
| 缓存/CDN | Vercel Edge + CDN |
| 部署平台 | Vercel |
| 后端扩展 | Supabase Edge Functions |
| 定时任务 | Supabase cron / GitHub Actions |
| 日志监控 | Sentry / Logflare |
| 图表 | Recharts |
| 日历组件 | 可选（FullCalendar） |
| 测试 | Playwright |