Frontend 82 installs

next-intl-add-language

by github/awesome-copilot

Add new language to a Next.js + next-intl application

Skill content

Add a new language to a Next.js application using next-intl internationalization.

- Requires translating all entries from en.json in the ./messages directory to the new language

- Update routing configuration in src/i18n/routing.ts and middleware in src/middleware.ts to recognize the new language

- Register the language in the language toggle component at src/components/language-toggle.tsx

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.