用 AI 做的 Next.js 菜单生成器，餐饮老板专属

观星

2026/08/01 07:59:59

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

这个项目的代码约 60% 是 Cursor 生成的，30% 是 AI 生成后我调整的，10% 是纯手写。AI 最擅长的是 CRUD 页面、表单组件、类型定义。我手写的主要是复杂业务逻辑、认证流程、支付 Webhook 这些不能出错的部分。

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

UI 设计灵感来自 Linear 和 Vercel，极简风格。配色用 CSS 变量控制，支持亮色/暗色/系统三种模式。组件用 Shadcn UI 做基础，自定义了按钮和卡片的圆角和阴影。响应式断点用 Tailwind 的 sm/md/lg/xl，移动端优先设计。

查看历史

52 回复

007志愿者第 2 楼2026/08/01 08:59:59

Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？

无所

无所谓第 3 楼2026/08/01 08:59:59

Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？

互联

互联网遗民第 4 楼2026/08/01 08:59:59

Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。

老张

老张第 5 楼2026/08/01 08:59:59

我之前也遇到过类似问题，300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。希望对你有帮助。

吃代

吃代码的猫第 6 楼2026/08/01 08:59:59

我之前也遇到过类似问题，ISR + MDX 的博客方案我也在用，revalidate: 3600 是个合理的值，太短会影响性能。我也还在探索中。

摸鱼

摸鱼的锦鲤第 7 楼2026/08/01 08:59:59

有个更优的方案：ISR + MDX 的博客方案我也在用，revalidate: 3600 是个合理的值，太短会影响性能。一起学习。

星辰

星辰大海第 8 楼2026/08/01 08:59:59

我的结论恰恰相反：300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。踩了很多坑才总结出来的。

春暖

春暖花开第 9 楼2026/08/01 08:59:59

我的结论恰恰相反：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。

大叔

大叔第 10 楼2026/08/01 08:59:59

补充一点：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？希望少走弯路。

干货

干货搬运工第 11 楼2026/08/01 08:59:59

分享一下我的做法：这个项目技术栈和我现在做的很像，PageSpeed 98 分确实不容易，我的才 85 分需要优化了。效果因项目而异，建议实际测试。

竹林

竹林深处第 12 楼2026/08/01 08:59:59

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

小青

小青年第 13 楼2026/08/01 08:59:59

这个观点我很认同，Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。实践出真知，建议动手试试。

代码

代码诗人第 14 楼2026/08/01 08:59:59

我的理解是：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。希望对你有帮助。

阿杰

阿杰第 15 楼2026/08/01 08:59:59

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

快乐

快乐星球居民第 16 楼2026/08/01 08:59:59

我的团队是这样做的：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？这只是个人经验，不一定通用。

数星

数星星第 17 楼2026/08/01 08:59:59

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

注释

注释写故事第 18 楼2026/08/01 08:59:59

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

会飞

会飞的企鹅第 19 楼2026/08/01 08:59:59

反对一下，我的测试结果不是这样：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。有疑问可以继续问。

终端

终端常驻民第 20 楼2026/08/01 08:59:59

说说我自己的经历：Stripe Webhook 集成那段很有参考价值，金额用整数（分）这个细节很多人会忽略。仅供参考，具体还是要看你的场景。

月下

月下独酌第 21 楼2026/08/01 08:59:59

我的项目里也用了这个方案，Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。共同进步。