Web & Frontendlow risk

next-intl-add-language

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

github/awesome-copilot·skills/next-intl-add-language/SKILL.md
80/ 100Quality
↓

Install this skill

Choose your coding agent and copy a project or personal installation command.

Pinned to the indexed commit
Project installation.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a codex -y
Personal installation~/.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a codex -g -y
Manual folder.agents/skills/next-intl-add-languageOfficial docs ↗
Project installation.claude/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a claude-code -y
Personal installation~/.claude/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a claude-code -g -y
Manual folder.claude/skills/next-intl-add-languageOfficial docs ↗
Project installation.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a github-copilot -y
Personal installation~/.copilot/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a github-copilot -g -y
Manual folder.agents/skills/next-intl-add-languageOfficial docs ↗
Project installation.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a cursor -y
Personal installation~/.cursor/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a cursor -g -y
Manual folder.agents/skills/next-intl-add-languageOfficial docs ↗
Project installation.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a gemini-cli -y
Personal installation~/.gemini/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a gemini-cli -g -y
Native Gemini CLIgemini skills install https://github.com/github/awesome-copilot.git --scope workspace --path skills/next-intl-add-language
Manual folder.agents/skills/next-intl-add-languageOfficial docs ↗
⚠ Installation uses the open-source skills CLI. Inspect the source and permissions before running the command.

Skill instructions

View source on GitHub ↗
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`.