# Next Intl Add Language

> Add a new language to a Next.js project using next-intl for internationalization, including translations and configuration updates.

- Skill: `github/next-intl-add-language` (Agent Skill)
- Install (CLI): `npx skillmds@latest add github/next-intl-add-language`
- Raw SKILL.md: https://api.skillmd.com/api/skills/github/next-intl-add-language/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Tags: I18n, Internationalization, Next Intl, Nextjs, React, Translation
- Author: GitHub (Microsoft) (https://skillmd.com/u/github), verified publisher
- Updated: 2026-07-06
- Page: https://skillmd.com/skills/github/next-intl-add-language

---


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`.