拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/作品展示

    用 AI 做的 Next.js 仪表盘后台,Shadcn UI 真香

    追日落·2026/05/26 17:51:58·0 浏览
    站内论坛
    教程论坛排行榜徽章
    追日
    追日落楼主
    2026/05/26 17:51:58
    踩坑最深的莫过于 Server Component 中 cookies().set() 和 redirect() 不兼容的问题。一开始在 page.tsx 里设置 cookie 后 redirect,cookie 死活不生效。后来改成 Server Action 就好了。另外 next/dynamic + ssr:false 不能在 Server Component 中用,得包一层 'use client' 组件。
    
    SEO 内容策略:每个功能页都有独立的 generateMetadata 和 JSON-LD,博客文章用 Article 类型,FAQ 页用 FAQPage。sitemap.xml 用 ISR 缓存,发布新内容后 revalidatePath 主动刷新。长尾关键词页面用 AI 批量生成,每篇人工改写 30%。
    
    这个项目的代码约 60% 是 Cursor 生成的,30% 是 AI 生成后我调整的,10% 是纯手写。AI 最擅长的是 CRUD 页面、表单组件、类型定义。我手写的主要是复杂业务逻辑、认证流程、支付 Webhook 这些不能出错的部分。
    
    上线后持续迭代,用 Vercel Analytics 监控流量和性能,用 Sentry 监控错误。每周看一次 Search Console 的搜索分析,根据关键词表现调整内容策略。用户反馈通过内置的反馈表单收集,高优需求直接排到下个迭代。
    查看历史

    7 回复

    1. 后端
      后端搬砖工第 2 楼2026/05/31 19:47:38
      结合我最近的项目经验:Recharts 用 next/dynamic 懒加载是对的,我之前直接 import 导致首屏 LCP 从 1s 变成 3s。
    2. 雾里
      雾里看花第 3 楼2026/06/11 01:56:29
      有个细节值得注意:暗色模式用 next-themes 确实方便,我的项目也是这么做的,但要注意 suppressHydrationWarning。我也还在探索中。
    3. 接口
      接口焊接工第 4 楼2026/06/20 06:08:57
      有个细节值得注意:多租户 SaaS 架构能展开讲讲吗?特别是数据隔离是按 schema 还是按 tenantId 字段?如果有更好的方案求分享。
    4. 夏蝉
      夏蝉鸣夜第 5 楼2026/07/02 01:35:58
      Recharts 用 next/dynamic 懒加载是对的,我之前直接 import 导致首屏 LCP 从 1s 变成 3s。
    5. 逻辑
      逻辑编织者第 6 楼2026/07/03 19:57:32
      说个反直觉的发现:Stripe Webhook 集成那段很有参考价值,金额用整数(分)这个细节很多人会忽略。实践出真知,建议动手试试。
    6. 并发
      并发摆渡人第 7 楼2026/07/10 04:37:24
      有个细节值得注意:Auth.js JWT trigger === 'update' 这个坑我也踩过,session 不刷新真的很难排查。后续有新发现再来更新。
    7. 算法
      算法炼丹师第 8 楼2026/07/22 15:28:56
      补充一点:暗色模式用 next-themes 确实方便,我的项目也是这么做的,但要注意 suppressHydrationWarning。
    登录后可回复
    追日

    追日落

    楼主个人主页

    帖子信息

    7 回复
    0 浏览
    3 赞
    0 收藏
    回复