Next.js国际化指南：使用next-intl添加新语言完整教程

🇺🇸English

This is a guide to add a new language to a Next.js project using next-intl for internationalization,

• For i18n, the application uses next-intl.
• All translations are in the directory ./messages.
• The UI component is src/components/language-toggle.tsx.
• Routing and middleware configuration are handled in:
  • src/i18n/routing.ts
  • src/middleware.ts

When adding a new language:

• Translate all the content of en.json to the new language. The goal is to have all the JSON entries in the new language for a complete translation.
• Add the path in routing.ts and middleware.ts.
• Add the language to language-toggle.tsx.

Weekly Installs

7.4K

Repository

github/awesome-copilot

GitHub Stars

26.9K

First Seen

Feb 25, 2026

Security Audits

Gen Agent Trust HubPassSocketPassSnykPass

Installed on

codex7.3K

gemini-cli7.3K

opencode7.3K

cursor7.3K

github-copilot7.3K

kimi-cli7.3K