# Next Intl Add Language > Add new language to a Next.js + next-intl application Use when this capability is needed. - Skill: `tomevault-io/next-intl-add-language-4` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/next-intl-add-language-4` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/next-intl-add-language-4/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/next-intl-add-language-4 --- 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`. --- > Source: [TruMedia-Creative/pinetarsportsfund](https://github.com/TruMedia-Creative/pinetarsportsfund) — distributed by [TomeVault](https://tomevault.io).