Labsco
github logo

next-intl-add-language

✓ Official★ 36,200

by github · part of github/awesome-copilot

Add a new language to a Next.js application using next-intl internationalization. Requires translating all entries from en.json in the ./messages directory to the new language Update routing configuration in src/i18n/routing.ts and middleware in src/middleware.ts to recognize the new language Register the language in the language toggle component at src/components/language-toggle.tsx

🔥🔥🔥✓ VerifiedFreeQuick setup
#git#translation
🧩 One of 7 skills in the github/awesome-copilot package — works on its own, and pairs well with its siblings.

Add a new language to a Next.js application using next-intl internationalization. Requires translating all entries from en.json in the ./messages directory to the new language Update routing configuration in src/i18n/routing.ts and middleware in src/middleware.ts to recognize the new language Register the language in the language toggle component at src/components/language-toggle.tsx

Inspect the full instructions your agent will receiveExpand

This is the exact playbook injected into your agent when the skill activates — shown here so you can audit it before installing. You don't need to read it to use the skill.

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.