Dex TroveA trove of dexterities for your agents
SkillMITv1.0.0awesome-copilot

next-intl-add-language

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

At a glance

Kind
Skill · Ananke skill
Reference
awesome-copilot/next-intl-add-language · ananke://skill/awesome-copilot/next-intl-add-language@1.0.0
Files
1 · 750 B
How it's used
Skills load on demand: the agent sees this skill's name and description, and opens SKILL.md (and any bundled references or scripts) when a task matches.

Documentation

View upstream ↗

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.