Pular para o conteúdo
Skillpedia
APIs e servidores (backend)40 mil · #5251

next-intl-add-language

Ajuda seu agente a adicionar um novo idioma a um projeto Next.js usando next-intl. Permite que o aplicativo suporte múltiplos idiomas.

O que ela faz

Esta ferramenta ajuda a adicionar um novo idioma ao seu site feito com Next.js e next-intl. Ela garante que todas as traduções e configurações necessárias sejam atualizadas para que seu site possa ser exibido em outro idioma.

Quando usar

  • ✓Quando você quer traduzir seu site para um novo idioma.
  • ✓Se você precisa que seu site suporte múltiplos idiomas.
  • ✓Ao lançar seu site em um novo mercado internacional.

Exemplo do que pedir para a IA

“Adicione o idioma espanhol ao meu site.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

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

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/github/awesome-copilot/blob/main/skills/next-intl-add-language/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A ferramenta encontra todos os textos em inglês, traduz para o novo idioma e atualiza os arquivos de configuração para que o site reconheça e use o novo idioma.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

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

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/next-intl-add-language/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Este é um guia para adicionar um novo idioma a um projeto Next.js usando next-intl para internacionalização.

  • Para i18n, a aplicação usa next-intl.
  • Todas as traduções estão no diretório ./messages.
  • O componente de UI é src/components/language-toggle.tsx.
  • A configuração de roteamento e middleware é tratada em:
    • src/i18n/routing.ts
    • src/middleware.ts

Ao adicionar um novo idioma:

  • Traduza todo o conteúdo de en.json para o novo idioma. O objetivo é ter todas as entradas JSON no novo idioma para uma tradução completa.
  • Adicione o caminho em routing.ts e middleware.ts.
  • Adicione o idioma em language-toggle.tsx.
Perguntas frequentes

Onde ficam as traduções?

As traduções ficam na pasta './messages' do seu projeto.

Qual arquivo preciso editar para adicionar um novo idioma?

Você precisará editar os arquivos de configuração de roteamento e middleware, além do componente de seleção de idioma.

Preciso traduzir tudo?

Sim, o ideal é traduzir todas as entradas do arquivo de idioma inglês para garantir uma tradução completa.

Detalhes

Descrição original do autor

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

repo: github/awesome-copilot

Popularidade

Estrelas no GitHub
40 mil
Posição no ranking
#5251
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas