性能数据分享一下：PageSpeed 移动端 98 分，桌面端 100 分。LCP 0.9s，INP 86ms，CLS 0.02。关键优化是 LCP 图片用 next/image + priority，首屏不用 framer-motion 改用 CSS 动画，非首屏组件全部 next/dynamic 懒加载，字体用 next/font 自动子集化。 性能对比：ISR vs SSR vs SSG。我的选择是公共页面用 ISR（revalidate: 3600），用户页面用 SSR（个性化数据），认证页面用 SSG（表单页）。ISR 缓存安全要确保 SSR 输出对所有用户相同，不含 session 数据。 最花时间的是表单交互细节。每个表单字段都有输入约束预提示（长度/格式/范围），Zod 校验错误消息和 hint 文本保持一致，四态（加载/空/错误/成功）都有视觉反馈。破坏性操作（删除/清空）有二次确认弹窗，未保存变更离开有提醒。
Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。
暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。
Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？
这个问题我研究过一阵，Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。效果因项目而异，建议实际测试。
有个相关问题想请教：Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。如有不对请指正。
我之前也遇到过类似问题，Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。踩了很多坑才总结出来的。
我的结论恰恰相反：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。踩了很多坑才总结出来的。
结合我最近的项目经验：Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。
从另一个角度看：300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。仅供参考，具体还是要看你的场景。
Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。
我的团队是这样做的：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？共同进步。
我的项目里也用了这个方案，Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。
说说我自己的经历：Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？希望少走弯路。
结合我最近的项目经验：Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。
有个相关问题想请教：300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。有疑问可以继续问。
补充一点：Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？共同进步。
我的看法略有不同：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。踩了很多坑才总结出来的。
说说我自己的经历：三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。有疑问可以继续问。
我的实践经验和你的不太一样：Recharts 用 next/dynamic 懒加载是对的，我之前直接 import 导致首屏 LCP 从 1s 变成 3s。后续有新发现再来更新。
实操中我发现：Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。感谢楼主的启发。