Next.js国际化：添加新语言指南

v20260410

next-intl-add-language

本指南详细介绍了如何在Next.js项目中利用next-intl实现国际化（i18n）功能。它提供了添加新语言的完整步骤，包括翻译内容更新、配置路由、修改中间件以及更新UI组件，确保应用具备完整的多语言支持。

Next.js 国际化 next-intl JavaScript Web开发多语言支持

468 次下载

概览

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.

信息

Category 编程开发

Name next-intl-add-language

版本 v20260410

大小 750B

Source github/awesome-copilot

更新时间 2026-04-12