Skip to content
Skillpedia
APIs & servers (backend)40k · #5251

next-intl-add-language

Helps your agent add a new language to a Next.js project using next-intl. This allows the application to support multiple languages.

What it does

This tool helps add a new language to your website built with Next.js and next-intl. It ensures all necessary translations and configurations are updated so your site can be displayed in another language.

When to use it

  • ✓When you want to translate your website into a new language.
  • ✓If you need your website to support multiple languages.
  • ✓When launching your site in a new international market.

Example of what to ask your AI

“Add Spanish language to my website.”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/github/awesome-copilot/blob/main/skills/next-intl-add-language/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/github/awesome-copilot/blob/main/skills/next-intl-add-language/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

The tool finds all English texts, translates them into the new language, and updates configuration files so the website recognizes and uses the new language.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add github/awesome-copilot --skill next-intl-add-language

Or download just the file:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/next-intl-add-language/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

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.
FAQ

Where are the translations stored?

Translations are stored in the './messages' folder of your project.

Which files do I need to edit to add a new language?

You will need to edit the routing and middleware configuration files, as well as the language toggle component.

Do I need to translate everything?

Yes, the goal is to translate all entries from the English language file for a complete translation.

Details

Original description by the author

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

repo: github/awesome-copilot

Popularity

GitHub stars
40k
Ranking position
#5251
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills