返回精选
Agent Skilljavainthinking2026年7月14日

i18n-nextjs:给 Claude Code 装上 Next.js 国际化最佳实践

一个 Claude Code skill:让 AI 按生产级套路做 Next.js App Router 国际化——翻译字典、干净的默认语言 URL、hreflang、多语言 JSON-LD 与 sitemap,一次讲透。

这是一个 Claude Code skill:装上之后,让 Claude 做 Next.js 国际化时不再给泛泛建议,而是遵循一套具体的生产级模式——JSON 翻译字典的组织与读取、middleware 语言路由(默认语言无前缀的干净 URL)、带完整 hreflang 的 locale 感知 SEO metadata、翻译过字段的 JSON-LD(WebApplication / BlogPosting / FAQ / Breadcrumb / HowTo),以及多语言 sitemap 的正确结构。

设计上用了渐进式披露:SKILL.md 是精简索引,5 个 reference 文件(翻译文件 / 路由 / SEO metadata / 结构化数据 / sitemap)按需加载,不浪费上下文。

附带两份实用清单:「给新功能加 i18n」和「新增一门语言」的分步操作。装法很简单:克隆后拷到 ~/.claude/skills/ 即可,MIT 协议。

适合用 Next.js App Router 做多语言站点、又希望 AI 助手产出符合 SEO 规范代码的开发者。本站的中英双语 SEO 改造就是用它跑的。

常见问题

i18n-nextjs 是什么?

一个 Claude Code skill:让 AI 按生产级模式做 Next.js App Router 国际化——翻译字典组织、middleware 语言路由、hreflang SEO 元数据、多语言 JSON-LD 与 sitemap。

怎么安装?

克隆仓库后把文件夹拷进 ~/.claude/skills/ 即可,Claude Code 下次会话自动加载。MIT 协议。

什么时候会触发这个 skill?

当你让 Claude 做 i18n 相关工作时,比如「给这个页面加多语言」「实现 hreflang」「新增一门语言」「生成多语言 sitemap」。

有什么前置要求?

Next.js 13+ 的 App Router 项目;middleware 语言检测用到 @formatjs/intl-localematcher 和 negotiator 两个依赖。