skills.rest
Gabeujin
GabeujinCOMMUNITY
Explore all skills by this author →
GitHub

next-intl-add-language

Integrate a new language into a Next.js app using next-intl.

1|Updated Feb 23, 2026
Search Tags:#localization#translation#next.js#i18n#internationalization#next-intl
One-click install
npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill next-intl-add-language-gabeujin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next-intl-add-language
Source: https://github.com/Gabeujin/workspace-init-mcp/tree/main/awesome/skills/next-intl-add-language
Command: npx skills add https://github.com/Gabeujin/workspace-init-mcp --skill next-intl-add-language-gabeujin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of integrating a new language into a Next.js application that uses the next-intl library for internationalization.

Core Features & Use Cases

  • Language Integration: Adds support for a new language by updating translation files and routing configurations.
  • Translation Management: Facilitates the translation of all existing content for the new language.
  • UI Updates: Ensures the language toggle component reflects the newly added language.
  • Use Case: A company is expanding its market reach and needs to add Spanish as a supported language to its existing Next.js website. This Skill guides the developer through all necessary file modifications.

Quick Start

Add Spanish as a new language to the application by translating the English content and updating the routing and UI components.

Frequently Asked Questions about next-intl-add-language

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new language to a Next.js app using next-intl?▼

To add a new language using next-intl, you need to create translation files in the ./messages directory, update locale configurations in src/i18n/routing.ts, modify middleware in src/middleware.ts, and update the language toggle UI component.

What files need to be modified for next-intl internationalization routing?▼

For next-intl internationalization routing, you must update the routing configuration in src/i18n/routing.ts and adjust the locale handling middleware located at src/middleware.ts to recognize and direct the newly added language traffic.

Can I use this to translate existing Next.js content into a new language?▼

Yes, this facilitates Next.js translation management by guiding you through translating existing content into the new language's message file within the ./messages folder, ensuring all current application text is localized for the new locale.

Does adding a language with next-intl require updating the UI components?▼

Yes, adding a language requires updating UI components. You must modify the src/components/language-toggle.tsx file to ensure the user interface reflects and allows visitors to switch to the newly supported language option.

What is the best way to manage next-intl translation files for multiple locales?▼

The best way to manage next-intl translation files is to maintain structured JSON files for each locale inside the ./messages directory, ensuring keys match across languages while updating routing and middleware to handle the new locale.

Related Skills

Explore More Software Engineering Skills→
obada-jarasobada-jaras

next-intl-add-language

Integrate new languages into a Next.js app using next-intl.

Community
Intermediate
eKoh951eKoh951

next-intl-app-router

Integrate next-intl locale routing and translations into Next.js App Router.

Community
Advanced
lluppesmslluppesms

next-intl-add-language

Adds a new language to a Next.js app using next-intl.

Community
Intermediate
thydethyde

nextjs-i18n

Implement next-intl internationalization with locale-aware routing in Next.js 15.

Community
Intermediate