next-intl-add-language
Installation
Summary
Add a new language to a Next.js application using next-intl internationalization.
- Requires translating all entries from
en.jsonin the./messagesdirectory to the new language - Update routing configuration in
src/i18n/routing.tsand middleware insrc/middleware.tsto recognize the new language - Register the language in the language toggle component at
src/components/language-toggle.tsx
SKILL.md
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.tssrc/middleware.ts
When adding a new language:
- Translate all the content of
en.jsonto 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.tsandmiddleware.ts. - Add the language to
language-toggle.tsx.