📘 最终版 MVP 产品需求文档(PRD)
产品名称:团圆 Reunion
版本:V1.0 Final(无资助、无支付、纯公益)
日期:2025-10-24
#一、核心定位
- ▸零门槛轻纪念网站 —— 用户可仅浏览欣赏,也可上传图片/留言生成「海峡两岸终会团圆」AI 明信片。
- ▸默认三语:简中
zh-CN、繁中zh-TW、Englishen;浏览器语言检测,一键切换。 - ▸全程无账号、无支付、无后端服务器(除 AI 代理),打开即看。
#二、技术栈
- ▸前端:Next.js 14 (App Router) + React 18 + Tailwind CSS 3.4 + shadcn/ui
- ▸i18n:next-intl 子路径路由
/zh-CN/zh-TW/en - ▸数据:Supabase Realtime(仅弹幕)+ 浏览器 IndexedDB(本地生成记录)
- ▸AI / 图像:Google Gemini(文案润色)+ Replicate GFPGAN(图片修复)+ Edge TTS(朗读)
- ▸部署:Vercel(Serverless Function 代理 AI 调用)
#三、MVP 功能(P0)
| 模块 | 功能点 | 可选/必选 | 说明 |
| --- | --- | --- | --- |
| ① 欢迎页 / | 背景自动播放《团圆》30s 循环+打字机歌词 | 必 | 音频默认静音浮钮;三语切换 |
| ② 弹幕墙 /wall | 实时弹幕滚动(右→左) | 必 | Supabase Realtime 最新 50 条 |
| | 点击暂停+点赞 | 必 | 乐观更新;无账号 |
| | 底部输入框(140 字) | 可选 | 留空仍可浏览;提交即实时出现 |
| ③ 生成页 /create | 上传图片(老照片/任意图) | 可选 | 不上传→使用默认海峡夜景 |
| | 写一句对对岸的话 | 可选 | 留空→用默认三语文案 |
| | 选择主题色(暖金/月白/海峡蓝) | 必 | 默认暖金 |
| | AI 修复图 + AI 润色文案 | 必 | 不上图则跳过修复 |
| ④ 结果页 /result | 1080×1080 明信片合成 | 必 | Canvas → html2canvas 下载 |
| | 分享按钮(Web Share API) | 必 | 预制话题三语 |
| | 返回弹幕墙 | 必 | 一键返回 |
#四、数据模型(最终)
1. Supabase(仅弹幕)
create table reunion_posts(
id uuid primary key default gen_random_uuid(),
text varchar(160) not null,
lang varchar(5) not null,
likes int default 0,
created_at timestamptz default now()
);
-- RLS:insert & select;likes +1 单独 RPC



