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 图、二维码、倒计时、徽章、分割线 ……
在线演讲与观众分析
全屏演讲模式 + 独立 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 自托管部署。
