AI Skills
next-intl-add-language

next-intl-add-language

热门

向 Next.js + next-intl 应用添加新语言

3.6万Star
4556Fork
更新于 2026/7/13
获取 Skill源代码

相关 Skills

web-artifacts-builder15万source-driven-development7.8万i18n-localization4.4万
SKILL.md
readonly只读
name
next-intl-add-language
description

向 Next.js + next-intl 应用添加新语言

本指南介绍如何向使用 next-intl 进行国际化的 Next.js 项目添加新语言。

  • 国际化使用 next-intl。
  • 所有翻译文件位于 ./messages 目录。
  • UI 组件为 src/components/language-toggle.tsx。
  • 路由和中间件配置在以下文件中处理：
    • src/i18n/routing.ts
    • src/middleware.ts

添加新语言时：

  • 将 en.json 的所有内容翻译成新语言。目标是让新语言拥有所有 JSON 条目，以实现完整翻译。
  • 在 routing.ts 和 middleware.ts 中添加路径。
  • 在 language-toggle.tsx 中添加该语言。