用 Vibecoding 做的 Next.js 极简笔记 App，本地优先

用户反馈最积极的是暗色模式和加载体验。暗色模式用 next-themes 实现，CSS 变量控制配色。加载状态用 skeleton 骨架屏，比 spinner 体验好很多。表单提交用按钮 loading 状态 + toast 反馈，空状态有引导文案和插画。

性能对比：ISR vs SSR vs SSG。我的选择是公共页面用 ISR（revalidate: 3600），用户页面用 SSR（个性化数据），认证页面用 SSG（表单页）。ISR 缓存安全要确保 SSR 输出对所有用户相同，不含 session 数据。

最得意的功能是实时协作，用 Yjs + WebSocket 实现多人同时编辑。Yjs 处理 CRDT 数据同步，WebSocket 做实时通信，离线编辑用 IndexedDB 缓存。Next.js 的 API 路由做 WebSocket 中继服务器，部署在 Vercel 的 Edge Runtime 上。

支付集成用的 Stripe，Webhook 处理订阅状态变更。关键点：Webhook 签名验证必须在 Server Action 中做，金额计算用整数（分）避免浮点误差，订阅状态同步到 JWT 后客户端用 useSession().update() 刷新。

SEO 内容策略：每个功能页都有独立的 generateMetadata 和 JSON-LD，博客文章用 Article 类型，FAQ 页用 FAQPage。sitemap.xml 用 ISR 缓存，发布新内容后 revalidatePath 主动刷新。长尾关键词页面用 AI 批量生成，每篇人工改写 30%。