alan345/AI-Fullstack-SaaS-Boilerplate
Fullstack SaaS Boilerplate built with tRPC, Fastify and React
解決的問題
為希望建構 AI 驅動的 SaaS 應用程式的開發者提供一個可直接投入生產的起點,無需花費時間在重複的設定工作上,例如驗證、資料庫設定和 API 建構。
如何運作
此專案是一個全端單體倉儲,整合了現代 TypeScript 技術棧。後端使用 Fastify,前端使用 React 19,並透過 tRPC 確保客戶端與伺服器之間的端對端類型安全。它整合了 OpenAI 的 API 以實現 AI 功能,並使用 Server-Sent Events (SSE) 處理即時 AI 聊天串流,避免了 WebSocket 的複雜性。
適用對象
專注於建構 Web 應用程式(而非 SEO 導向的網站)的開發者,重視開發者體驗、類型安全,並希望快速部署具備 AI 功能的服務。
主要亮點
- 端對端類型安全:使用 tRPC 在前端與後端之間同步類型。
- AI 聊天整合:內建 OpenAI 支援,並透過 SSE 實現串流回應。
- 現代技術棧:結合使用 Fastify、Drizzle ORM、Postgres 和 Tailwind CSS v4。
- 靜態前端:前端設計為可作為靜態檔案託管(例如 AWS S3),無需依賴 Next.js 伺服器。
相關
- 專案
- 專案
- 專案
- 專案
- 專案