Home/AI Frontend Engineering/next-intl-add-language
N

next-intl-add-language

by @githubv
4.5(293)

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

nextjsnext-intlinternationalization-(i18n)react-localizationGitHub
Installation
npx skills add https://github.com/github/awesome-copilot --skill next-intl-add-language
compare_arrows

Before / After Comparison

1 组
Before

Adding new languages to Next.js applications is a complex and error-prone process, hindering internationalization progress. This prevents applications from quickly supporting multiple languages, limiting the user base.

After

Simplifies the process of adding new languages to Next.js + next-intl applications. Quickly enables internationalization support, expands the application's user base, and enhances global competitiveness.

SKILL.md

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.

User Reviews (0)

Write a Review

Effect
Usability
Docs
Compatibility

No reviews yet

Statistics

Installs9.3K
Rating4.5 / 5.0
Version
Updated2026年10月7日
Comparisons1

User Rating

4.5(293)
5
23%
4
51%
3
23%
2
2%
1
0%

Rate this Skill

0.0

Compatible Platforms

🔧Claude Code
🔧OpenClaw
🔧OpenCode
🔧Codex
🔧Gemini CLI
🔧GitHub Copilot
🔧Amp
🔧Kimi CLI

Timeline

Created2026年3月16日
Last Updated2026年10月7日
🎁 Agent Knowledge Cards
Survey