Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
github avatar

Next Intl Add Language

  • 9.1k installs
  • 37.1k repo stars
  • Updated July 28, 2026
  • github/awesome-copilot

next-intl-add-language is an agent skill that Add new language to a Next.js + next-intl application.

About

Add new language to a Next js next-intl application name next-intl-add-language description Add new language to a Next js next-intl application 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 name next-intl-add-language description Add new language to a Next js next-intl application 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

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

Next Intl Add Language by the numbers

  • 9,116 all-time installs (skills.sh)
  • +33 installs in the week ending Jul 28, 2026 (Skillselion tracking)
  • Ranked #83 of 16,659 AI & Agent Building skills by installs in the Skillselion catalog
  • Security screen: MEDIUM risk (skills.sh audit)
  • Data as of Jul 28, 2026 (Skillselion catalog sync)
At a glance

next-intl-add-language capabilities & compatibility

Capabilities
for i18n, the application uses next intl. · all translations are in the directory `./message · the ui component is `src/components/language tog · routing and middleware configuration are handled · `src/i18n/routing.ts`
Use cases
documentation
From the docs

What next-intl-add-language says it does

- All translations are in the directory `./messages`.
SKILL.md
- The UI component is `src/components/language-toggle.tsx`.
SKILL.md
- 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.
SKILL.md
The goal is to have all the JSON entries in the new language for a complete translation.
SKILL.md
npx skills add https://github.com/github/awesome-copilot --skill next-intl-add-language

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs9.1k
repo stars37.1k
Security audit3 / 3 scanners passed
Last updatedJuly 28, 2026
Repositorygithub/awesome-copilot

What problem does next-intl-add-language solve for developers using this skill?

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

Who is it for?

Developers who need next-intl-add-language patterns described in the cached skill documentation.

Skip if: Skip when docs are empty or the task is outside the skill's documented scope.

When should I use this skill?

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

What you get

Actionable workflows and conventions from SKILL.md for next-intl-add-language.

  • New locale messages file and updated i18n routing configuration

Files

SKILL.mdMarkdownGitHub ↗

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.

Related skills

How it compares

Use this skill for next-intl-specific Next.js apps; use generic i18n skills when the stack is not next-intl with App Router middleware.

FAQ

What does next-intl-add-language do?

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

When should I use next-intl-add-language?

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

Is next-intl-add-language safe to install?

Review the Security Audits panel on this page before installing in production.

AI & Agent Buildingagentsautomation

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.