Nextjs

一个可复用的可观测闭环案例：用 Sentry 承担错误与上下文，用 PostHog 承担行为与漏斗，用统一 AnalyticsProvider 做事件封装与脱敏；以“导出文件”这条重链路为例，落地 clicked→(started)→completed/failed 三件套，加入 trace_id/doc_id/locale/release 等关联键，并用失败率、耗时 p95、缺字率、MTTR 做验收与回归门禁。

以一个 Next.js 多语言站点为例，复盘 noindex 与 robots.txt 的正确用法：如何用“路由级策略 + 统一注入组件 + sitemap 口径”把私有页/薄内容/参数页隔离出索引，并给出可复现的校验清单与排查命令。

把 SEO Meta 从“页面手搓”升级为“系统能力”：定义统一 schema，按路由维护配置（SSOT），用组件统一注入 title/description/OG/robots/canonical/alternates，并用发布前校验与线上指标回归，减少重复收录与信号冲突。

一个可复现的 sitemap.xml 案例：将 CMS 内容路由、代码维护的静态路由、以及运行时 API 的模板路由合并生成单一 sitemap，并加入 URL 规范化去重、生产环境语言齐全 gate、hreflang/x-default 输出与降级策略，避免漏路由/重复/缺语言/500。

一个可复用的 Supabase 内容同步“脚本一条龙”案例：构建期分页拉取内容表、按 slug 聚合语言并做齐全 gate、把 pages/components/common 落盘为本地 JSON 快照；同时生成 routes.json（sitemap/路由治理用）并递归镜像 Storage 资源到本地目录。包含语言映射、未发布内容隔离、失败降级与最小验证闭环。

一个可复用的 Next.js i18n 案例：用 next-i18next 支撑营销页（语言放在 URL 前缀，SEO 友好），同时让应用页遵循用户语言偏好（Cookie/本地存储），并通过关闭 localeDetection、路由跳转默认 locale:false、以及 sitemap.xml 的重定向守卫，避免语言错配与死循环。附关键伪代码、真实链路与最小验证清单。

把 sitemap.xml 从“随手拼个列表”升级为可持续维护的工程系统：定义数据源分层（静态/内容/运行时）、URL 规范化与去重、生产环境语言齐全约束、以及当数据源不可用时的降级输出策略，并给出可复现的验证指标与排查清单。