出海 SaaS 产品展示：SEO 监控工具，月入 $800 复盘

回滚

2026/05/09 15:03:28

踩坑最深的莫过于 Server Component 中 cookies().set() 和 redirect() 不兼容的问题。一开始在 page.tsx 里设置 cookie 后 redirect，cookie 死活不生效。后来改成 Server Action 就好了。另外 next/dynamic + ssr:false 不能在 Server Component 中用，得包一层 'use client' 组件。

部署流程：GitHub push → Vercel 自动构建 → Preview 环境 → 合并到 main → Production 环境。环境变量在 Vercel Dashboard 配置，区分 Production/Preview/Development。数据库迁移用 GitHub Actions 在部署前自动执行 prisma migrate deploy。

这个项目我用 Next.js 15 App Router 做的，技术栈是 Tailwind v4 + Prisma + Auth.js + Vercel Postgres。前端用 Shadcn UI 做组件，Framer Motion 做交互动画。部署在 Vercel 上，冷启动几乎无感知。整个项目从想法到上线用了三天，其中 AI 生成了大约 70% 的代码，我主要负责审查逻辑和调整 UI 细节。

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

查看历史

37 回复

摸鱼

摸鱼的锦鲤第 2 楼2026/05/10 05:27:28

三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。

会议

会议逃生专家第 3 楼2026/05/10 05:27:28

三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。

赛博

赛博修行者第 4 楼2026/05/10 05:27:28

我的实践经验和你的不太一样：Recharts 用 next/dynamic 懒加载是对的，我之前直接 import 导致首屏 LCP 从 1s 变成 3s。如有不对请指正。

林间

林间晨露第 5 楼2026/05/12 23:06:25

实操中我发现：这个项目技术栈和我现在做的很像，PageSpeed 98 分确实不容易，我的才 85 分需要优化了。感谢楼主的启发。

星辰

星辰大海第 6 楼2026/05/16 19:21:36

三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。

发呆

发呆的仓鼠第 7 楼2026/05/17 16:07:50

300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。

竹林

竹林深处第 8 楼2026/05/20 01:06:39

作品完成度很高，LCP 0.9s 的数据很亮眼，请问 next/image 的 priority 是只给首屏大图加了吗？

春暖

春暖花开第 9 楼2026/05/21 12:45:26

这个观点我很认同，Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。我也还在探索中。

代码

代码诗人第 10 楼2026/05/22 03:10:02

这个思路很巧妙，暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。感谢楼主的启发。

离线

离线爱好者第 11 楼2026/05/22 18:02:32

这个问题我研究过一阵，Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。期待更多实战经验分享。

快乐

快乐星球居民第 12 楼2026/05/22 18:40:55

说个反直觉的发现：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。

吃代

吃代码的猫第 13 楼2026/05/23 06:19:29

这个思路很巧妙，Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？效果因项目而异，建议实际测试。

搬家

搬家的蚂蚁第 14 楼2026/06/02 02:19:34

上周刚好踩了这个坑，Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。一起学习。

断网

断网生存者第 15 楼2026/06/04 19:58:01

这个观点我很认同，Recharts 用 next/dynamic 懒加载是对的，我之前直接 import 导致首屏 LCP 从 1s 变成 3s。踩了很多坑才总结出来的。

蜕皮

蜕皮的蛇第 16 楼2026/06/05 00:09:22

我的项目里也用了这个方案，300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。欢迎私信深入交流。

隔壁

隔壁老王第 17 楼2026/06/08 03:04:10

从另一个角度看：Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。共同进步。

数星

数星星第 18 楼2026/06/08 07:40:08

这个思路很巧妙，暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。如果有更好的方案求分享。

观星

观星者第 19 楼2026/06/10 09:16:42

这个问题我研究过一阵，三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。感谢楼主的启发。

打工

打工人之光第 20 楼2026/06/13 21:53:41

三天上线太强了，我做类似的项目用了一周，AI 生成代码的比例和你差不多也是 70% 左右。

路过

路过的甲第 21 楼2026/06/14 09:03:33

Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。