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 伺服器。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案