Next Intl Add Language

This automates the tedious process of adding new languages to Next.js apps using next-intl. It handles the complete workflow: duplicates your English translations to create the new language JSON file, updates the routing configuration in both routing.ts and middleware.ts, and modifies your language toggle component to include the new option. Saves you from manually tracking down all the scattered config files and ensures you don't miss any steps. Most useful when you're scaling from a single language to multiple locales and want to avoid the inevitable "why isn't my new language showing up" debugging session.

skills.sh installs: 9.4K
GitHub stars: 41K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add github/awesome-copilot --skill next-intl-add-language --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly