Catalog
github/next-intl-add-language

github

next-intl-add-language

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

v1.0Latest
New~175Updated Jun 26, 2026

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.
Files1
1 files · 1.0 KB

Select a file to preview

Overall Score

48/100

Grade

C

Adequate

Safety

82

Quality

38

Clarity

65

Completeness

28

Summary

This skill guides adding a new language to a Next.js project using the next-intl library for internationalization. It provides a structured workflow for translating message files, updating routing configuration, and integrating the new language into the UI language toggle component.

Detected Capabilities

file readfile writeconfiguration modificationjson translation

Trigger Keywords

Phrases that MCP clients use to match this skill to user intent.

add language next-intli18n new localemultilingual routing nextjstranslation file setuplanguage configuration update

Use Cases

  • Add Spanish to an existing Next.js i18n application
  • Support German localization with routing updates
  • Expand a multilingual app to a new language region
  • Implement RTL language support in next-intl projects
  • Update language-specific routing and middleware for new locales

Quality Notes

  • Skill assumes pre-existing project structure but does not verify it exists or describe how to create missing files
  • No step-by-step guidance on translating JSON content — unclear how agent should handle missing translation keys or mismatched structures
  • Does not address edge cases: RTL languages, locale code formats (e.g., en-US vs en), fallback language behavior
  • No error handling guidance — what if routing.ts or middleware.ts syntax is broken after modification?
  • Language toggle component integration step lacks specifics — no example of how to add language option to existing toggle
  • Missing details on message file structure — are messages nested objects or flat? Are there type definitions to update?
  • Does not mention testing or validation — how to verify a new language is working correctly
  • Files referenced exist but skill provides minimal context on their current state or dependencies
Model: claude-haiku-4-5-20251001Analyzed: Jun 26, 2026

Reviews

Add this skill to your library to leave a review.

No reviews yet

Be the first to share your experience.

Use github/next-intl-add-language in your dev environment

Command Palette

Search for a command to run...