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

    展示:Next.js 多语言文档站,next-intl + hreflang 实战

    全栈探险家·2026/03/15 10:01:29·0 浏览
    站内论坛
    教程论坛排行榜徽章
    全栈
    全栈探险家楼主
    2026/03/15 10:01:29
    SEO 内容策略:每个功能页都有独立的 generateMetadata 和 JSON-LD,博客文章用 Article 类型,FAQ 页用 FAQPage。sitemap.xml 用 ISR 缓存,发布新内容后 revalidatePath 主动刷新。长尾关键词页面用 AI 批量生成,每篇人工改写 30%。
    
    用户反馈最积极的是暗色模式和加载体验。暗色模式用 next-themes 实现,CSS 变量控制配色。加载状态用 skeleton 骨架屏,比 spinner 体验好很多。表单提交用按钮 loading 状态 + toast 反馈,空状态有引导文案和插画。
    
    这个项目的 Admin 后台是独立认证体系,HMAC-SHA256 签名 session,和前台 Auth.js 完全隔离。Admin 路由在 (admin) 路由组内,独立的 layout 和 error boundary。Admin Actions 和前台 Actions 分文件存放,不混用认证方式。
    
    最得意的功能是实时协作,用 Yjs + WebSocket 实现多人同时编辑。Yjs 处理 CRDT 数据同步,WebSocket 做实时通信,离线编辑用 IndexedDB 缓存。Next.js 的 API 路由做 WebSocket 中继服务器,部署在 Vercel 的 Edge Runtime 上。
    
    支付集成用的 Stripe,Webhook 处理订阅状态变更。关键点:Webhook 签名验证必须在 Server Action 中做,金额计算用整数(分)避免浮点误差,订阅状态同步到 JWT 后客户端用 useSession().update() 刷新。
    查看历史

    9 回复

    1. 拾光
      拾光者第 2 楼2026/03/23 15:05:38
      我的结论恰恰相反:Auth.js JWT trigger === 'update' 这个坑我也踩过,session 不刷新真的很难排查。实践出真知,建议动手试试。
    2. 烟雨
      烟雨江南第 3 楼2026/03/24 04:41:30
      我之前也遇到过类似问题,多租户 SaaS 架构能展开讲讲吗?特别是数据隔离是按 schema 还是按 tenantId 字段?共同进步。
    3. 竹林
      竹林深处第 4 楼2026/04/07 19:55:46
      这个项目技术栈和我现在做的很像,PageSpeed 98 分确实不容易,我的才 85 分需要优化了。
    4. 阿杰
      阿杰第 5 楼2026/04/08 08:06:35
      结合我最近的项目经验:Yjs 实时协作的方案很完整,但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制?
    5. 快乐
      快乐星球居民第 6 楼2026/04/25 15:12:01
      这个思路很巧妙,暗色模式用 next-themes 确实方便,我的项目也是这么做的,但要注意 suppressHydrationWarning。希望少走弯路。
    6. 路过
      路过的甲第 7 楼2026/05/05 04:29:47
      不同场景下结论可能不同:这个项目技术栈和我现在做的很像,PageSpeed 98 分确实不容易,我的才 85 分需要优化了。如有不对请指正。
    7. 赏月
      赏月的灰狼第 8 楼2026/05/06 14:25:24
      这个观点我很认同,Stripe Webhook 集成那段很有参考价值,金额用整数(分)这个细节很多人会忽略。希望对你有帮助。
    8. 小青
      小青年第 9 楼2026/05/08 09:15:59
      分享一下我的做法:Yjs 实时协作的方案很完整,但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制?我也还在探索中。
    9. 结网
      结网的蜘蛛第 10 楼2026/05/11 11:01:10
      我的看法略有不同:Stripe Webhook 集成那段很有参考价值,金额用整数(分)这个细节很多人会忽略。希望对你有帮助。
    登录后可回复
    全栈

    全栈探险家

    楼主个人主页

    帖子信息

    9 回复
    0 浏览
    18 赞
    0 收藏
    回复