LivingSlide — 讓投影片活起來的 AI 簡報平台
從任意主題到專業簡報，60 秒生成；永久連結分享、即時觀眾同步、按頁觀看分析。已累積 6700+ 活躍用戶，支援 17 種語言，獨立開發。
React
TypeScript
TanStack
Tailwind CSS
shadcn/ui
Motion
Bun
Hono
Drizzle ORM
PostgreSQL
Neon
RedisBullMQ
Better Auth
Stripe
Google Gemini
Cloudflare
Zod個人專案SaaSAI國際化SEO全端產品概述
LivingSlide 是我從 0 到 1 設計和實作的 AI 線上簡報平台。用戶輸入一個主題、貼上一份大綱，或上傳一個 PDF / DOCX / TXT，AI 在 60 秒內交付一份完整帶樣式的簡報。每份簡報都有一個永久線上連結——隨時可以再編輯、可以線上開始 live 簡報並即時同步給觀眾，還可以看到按頁的觀看熱圖，知道觀眾真正在哪一頁停下來。截至目前產品已經累積 6700+ 活躍用戶，支援 17 種語言，包含 Stripe 計費的 credits 系統、非同步生成佇列、以及一個支援 25+ 區塊類型的編輯器。
產品立意
傳統的 PPT 檔案在離開你電腦那一刻就開始死亡：它會過期，你無法更新，你不知道誰真的看過，"分享簡報"還停留在螢幕共享或者郵件發 .pptx。LivingSlide 的賭注很簡單：把每一份簡報做成一張活的網頁——永久連結、即時同步、觀眾分析、AI 輔助編輯。截至目前產品已經累積 6,700+ 活躍用戶，支援 17 種語言。
AI 生成管線
三種輸入模式（主題 / 大綱 / 文件），雙 AI 引擎（Gemini + Qwen），多階段生成器（v3）：規劃 → 版式選擇 → 內容草稿 → 確定性 linter 在第一階段輸出不合法時自動重試。每一次生成都跑在 BullMQ 非同步任務裡，UI 保持回應，失敗時 credits 會原子性退款。
支援 25+ 區塊的編輯器
基於 TanStack Start + React 19 的視覺化編輯器，自動儲存、拖拽排序縮圖、AI Smart Slide（一鍵根據上下文插入新頁）、按頁背景變體（預設 / 強調 / 漸層 / 深色）、字型和主色主題、以及 Add-Block 浮層暴露的 25+ 區塊類型——標題、段落、列表、引用、圖片、程式碼、提示框、Stats、Features、對比表、圖表（柱 / 線 / 圓餅 / 環）、時間軸、進度條、測驗、步驟、數學公式、Mermaid 圖、QR、倒數計時、徽章、分隔線……
線上演講與觀眾分析
全螢幕簡報模式 + 獨立 Speaker View（當前頁 + 演講備註 + 下一頁預覽），虛擬雷射筆、演講計時器、完整快捷鍵。"Go Live" 開啟即時觀眾同步會話——觀眾瀏覽器跟著主講者翻頁，觀眾可以即席提交 Q&A。演講結束後，Analytics 頁給出總瀏覽、唯一訪客、平均時長、完成率、裝置分布、流量來源分布，以及按頁停留熱圖，讓你知道哪一頁是真正命中的。
SaaS 基礎設施與計費
Better Auth（Google OAuth）、Stripe 計費的訂閱和一次性 credit 包、Cloudflare R2 用 presigned URL 做圖片上傳、Cloudflare Turnstile 防機器人、Sentry 錯誤追蹤、Webhook 驅動的 credit 發放、每日免費 credit、邀請獎勵（被邀人 +20、邀請人 +10），以及一個用 Gemini 做的翻譯腳本，從一份英文源同步 17 種語言。
技術棧
前端：React 19 + TanStack Router / Query / Form / Start、Tailwind CSS 4、shadcn/ui、Framer Motion、Vite。
後端：Bun + Hono + Drizzle ORM、Zod schema、Hono RPC 提供型別化的客戶端。
資料庫：PostgreSQL（生產 Neon）。
佇列：BullMQ + Redis —— 非同步 AI 任務，失敗原子退款。
認證：Better Auth（Google OAuth）。
金流：Stripe — 訂閱 + credit 包 + webhook 自動發放。
AI：Google Gemini + Qwen 雙引擎備援。
儲存：Cloudflare R2 + presigned 上傳。
運維：Sentry、Bull Board 管理面板、Pino 結構化日誌、Docker Compose 自架部署。
