@intlayer/docs 9.4.3 → 9.5.0

package/blog/pt/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 Quer alcançar mais usuários em todo o mundo? Tornar seu site multilíngue é uma das melhores maneiras de expandir seu público e melhorar seu SEO (Otimização para Mecanismos de Busca). Neste post do blog, vamos descrever os fundamentos do SEO internacional, frequentemente referido como **i18n** (abreviação de “integração”), em termos claros e compreensíveis. Você aprenderá sobre as principais decisões que precisa tomar, como usar elementos técnicos como `hreflang`, e por que ferramentas como **Intlayer** podem simplificar seus projetos Next.js multilíngues.
 
----
-
 ## 1. O Que Significa Tornar Seu Site Multilíngue?
 
 Um site multilíngue oferece seu conteúdo em mais de um idioma. Por exemplo, você pode ter uma versão em inglês (`example.com/en/`), uma versão em francês (`example.com/fr/`), e uma versão em espanhol (`example.com/es/`). Essa abordagem permite que os mecanismos de busca exibam a versão correta do idioma para os usuários com base em suas preferências ou localização geográfica.
 
 Quando você faz isso corretamente, criará uma experiência muito mais amigável para falantes não nativos de inglês, resultando em melhor engajamento, maiores taxas de conversão e SEO aprimorado em diferentes regiões.
 
----
-
 ## 2. Escolhendo a Estrutura de URL Correta
 
 Se você decidir ter múltiplas versões de idioma, precisará de uma maneira clara e consistente de organizar as URLs do seu site. Cada idioma (ou região) deve ter seu próprio “endereço” único na internet. Abaixo estão três maneiras comuns de estruturar sites multilíngues:
@@ -52,8 +48,6 @@ Se você decidir ter múltiplas versões de idioma, precisará de uma maneira cl
 
 > **Dica:** Se você tem uma marca global e quer manter as coisas mais simples, subdiretórios costumam funcionar melhor. Se você está apenas direcionando um ou dois países principais e quer realmente enfatizar cada um, os ccTLDs podem ser o caminho a seguir.
 
----
-
 ## 3. Dominando o Alvo de Idioma com Hreflang
 
 ### 3.1. O Que É Hreflang?
@@ -100,8 +94,6 @@ No seu HTML, você adicionará algo como:
 
 > **Nota Rápida:** Certifique-se de que as URLs nessas tags apontem diretamente para a página final, com **nenhum** redirecionamento adicional.
 
----
-
 ## 4. Tornando o Conteúdo Verdadeiramente “Local” (Não Apenas Traduzido)
 
 ### 4.1. Localização vs. Tradução
@@ -132,8 +124,6 @@ No seu HTML, você adicionará algo como:
 
 Mesmo com boas traduções, os mecanismos de busca podem sinalizar seu site por conteúdo duplicado se ele parecer muito semelhante em estrutura. Hreflang ajuda a esclarecer que essas páginas não são duplicadas, mas são variações de idioma.
 
----
-
 ## 5. Necessidades Técnicas de SEO
 
 ### 5.1. Declarações de Idioma (`lang` e `dir`)
@@ -165,8 +155,6 @@ Tags canônicas informam aos mecanismos de busca qual página é a “original
 />
 ```
 
----
-
 ## 6. SEO na Página em Múltiplos Idiomas
 
 ### 6.1. Títulos & Meta Descrições
@@ -183,8 +171,6 @@ Seus cabeçalhos devem refletir as **frases locais** ou **palavras-chave** de ca
 - Localize texto alternativo, legendas e nomes de arquivos, se necessário.
 - Use visuais que ressoem com a cultura alvo.
 
----
-
 ## 7. Mudança de Idioma & Experiência do Usuário
 
 ### 7.1. Redirecionamento Automático ou um Seletor de Idioma?
@@ -264,8 +250,6 @@ const LocaleSwitcher: FC = () => {
 - Salve a escolha de idioma do seu usuário em um **cookie** ou **sessão**.
 - Na próxima vez que ele visitar seu site, você pode carregar automaticamente seu idioma preferido.
 
----
-
 ## 8. Construindo Backlinks Locais
 
 **Backlinks** (links de sites externos para o seu) continuam sendo um fator importante de SEO. Quando você executa um site multilíngue, considere:
@@ -273,8 +257,6 @@ const LocaleSwitcher: FC = () => {
 - Entrar em contato com sites de notícias locais, blogs ou fóruns. Por exemplo, um domínio `.fr` apontando para sua subpasta francesa pode aumentar seu SEO local francês.
 - Monitorar backlinks por idioma para ver quais regiões precisam de mais esforços de PR/marketing.
 
----
-
 ## 9. Monitorando & Mantendo Seu Site Multilíngue
 
 ### 9.1. Google Analytics & Search Console
@@ -287,8 +269,6 @@ const LocaleSwitcher: FC = () => {
 - Mantenha as traduções atualizadas. Se você alterar uma descrição de produto em inglês, atualize em francês, espanhol, etc.
 - Traduções desatualizadas podem confundir os clientes e prejudicar a confiança do usuário.
 
----
-
 ## 10. Armadilhas Comuns a Evitar
 
 1. **Conteúdo Traduzido por Máquinas**
@@ -303,14 +283,10 @@ const LocaleSwitcher: FC = () => {
 4. **Ignorar Nuances Culturais**
    Uma piada ou frase que funciona em um país pode ser ofensiva ou sem sentido em outro.
 
----
-
 ## Audite seu site com o Intlayer SEO Scanner
 
 Para garantir que seu aplicativo multilíngue esteja perfeitamente otimizado, recomendamos o uso do [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). É uma ferramenta especializada em verificação de sites multilíngues, ajudando você a identificar tags hreflang ausentes, links quebrados e outros problemas de SEO em todas as suas páginas localizadas.
 
----
-
 ## Conclusão
 
 Tornar seu site multilíngue envolve mais do que apenas traduzir texto. Trata-se de estruturar URLs de forma eficaz, usar tags `hreflang` para ajudar os mecanismos de busca a servir a versão correta, e proporcionar uma experiência excepcional ao usuário, com visuais localizados, seletores de idiomas e navegação consistente. Seguir estas melhores práticas o preparará para o sucesso em mercados globais, aumentará a satisfação do usuário e, em última análise, fornecerá melhores resultados de SEO em várias regiões.

package/blog/pt/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ Este guia mostra como aproveitar o sistema superior de declaração de conteúdo
 ## Guia passo a passo para configurar o Intlayer com o i18next
 
 <Steps>
-
 <Step number={1} title="Instalar dependências">
 
 Instale os pacotes necessários:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar declarações de conteúdo do Intlayer para o formato JSON compatível com i18next
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para encapsular o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os seus locais suportados:
@@ -149,7 +147,6 @@ Se alterações forem feitas usando a CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer irá carregar, mesclar e sincronizar tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação da declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas, se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/intlayer_with_next-i18next.md

@@ -52,12 +52,9 @@ Enquanto o Intlayer oferece uma excelente solução i18n independente (veja noss
 
 Este guia mostra como aproveitar o sistema superior de declaração de conteúdo do Intlayer enquanto mantém a compatibilidade com o next-i18next.
 
----
-
 ## Guia Passo a Passo para Configurar o Intlayer com next-i18next
 
 <Steps>
-
 <Step number={1} title="Instalar Dependências">
 
 Instale os pacotes necessários usando seu gerenciador de pacotes preferido:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para sincronizar declarações de conteúdo do Intlayer para o formato JSON do i18next
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para encapsular o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os locais suportados:
@@ -142,7 +138,6 @@ Se alterações forem feitas usando o CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, por favor consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer irá carregar, mesclar e sincronizar tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação da declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/intlayer_with_next-intl.md

@@ -58,7 +58,6 @@ Este guia mostra como aproveitar o sistema superior de declaração de conteúdo
 ## Guia passo a passo para configurar o Intlayer com next-intl
 
 <Steps>
-
 <Step number={1} title="Instalar dependências">
 
 Instale os pacotes necessários:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar declarações de conteúdo do Intlayer para o formato JSON compatível com next-intl
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para encapsular o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os locais suportados:
@@ -144,7 +142,6 @@ Se alterações forem feitas usando o CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, por favor consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer carregará, mesclará e sincronizará tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação de declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas, se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ Este guia mostra como aproveitar o sistema superior de declaração de conteúdo
 ## Guia passo a passo para configurar o Intlayer com react-i18next
 
 <Steps>
-
 <Step number={1} title="Instalar dependências">
 
 Instale os pacotes necessários:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar declarações de conteúdo do Intlayer para o formato JSON compatível com react-i18next
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para envolver o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os seus locais suportados:
@@ -143,7 +141,6 @@ Se alterações forem feitas usando o CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, por favor consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer irá carregar, mesclar e sincronizar tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação da declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ Este guia mostra como aproveitar o sistema superior de declaração de conteúdo
 ## Guia passo a passo para configurar o Intlayer com react-intl
 
 <Steps>
-
 <Step number={1} title="Instalar dependências">
 
 Instale os pacotes necessários:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar declarações de conteúdo do Intlayer para o formato JSON compatível com react-intl
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para encapsular o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os seus locais suportados:
@@ -142,7 +140,6 @@ Se alterações forem feitas usando o CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, por favor consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer irá carregar, mesclar e sincronizar tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação da declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ Embora o Intlayer forneça uma excelente solução de i18n independente (veja no
 
 Este guia mostra como aproveitar o sistema superior de declaração de conteúdo do Intlayer enquanto mantém a compatibilidade com o vue-i18n.
 
----
-
 ## Guia Passo a Passo para Configurar o Intlayer com vue-i18n
 
 <Steps>
-
 <Step number={1} title="Instalar Dependências">
 
 Instale os pacotes necessários usando seu gerenciador de pacotes preferido:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para sincronizar declarações de conteúdo do Intlayer para o formato JSON do vue-i18n
 
 </Step>
-
 <Step number={2} title="Implemente o plugin Intlayer para encapsular o JSON">
 
 Crie um arquivo de configuração do Intlayer para definir os seus locais suportados:
@@ -144,7 +140,6 @@ Se alterações forem feitas usando o CLI para traduzir o JSON, ou usando o CMS,
 Para ver mais detalhes sobre o plugin `syncJSON`, por favor consulte a [documentação do plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/plugins/sync-json.md).
 
 </Step>
-
 <Step number={3} title="Implementar traduções JSON por componente" isOptional={true}>
 
 Por padrão, o Intlayer irá carregar, mesclar e sincronizar tanto os arquivos JSON quanto os arquivos de declaração de conteúdo. Veja [a documentação da declaração de conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pt/dictionary/content_file.md) para mais detalhes. Mas se preferir, usando um plugin do Intlayer, você também pode implementar o gerenciamento por componente de JSON localizado em qualquer lugar da sua base de código.

package/blog/pt/list_i18n_technologies/frameworks/angular.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 No mundo interconectado de hoje, oferecer seu site em várias línguas pode expandir significativamente seu alcance e melhorar a experiência do usuário. Para desenvolvedores que trabalham com Angular, implementar a internacionalização (i18n) é crucial para gerenciar eficientemente as traduções enquanto preserva a estrutura da aplicação, SEO e desempenho. Neste artigo, vamos explorar várias abordagens de i18n , desde soluções integradas do Angular até bibliotecas de terceiros populares , para ajudá-lo a determinar a melhor opção para seu projeto.
 
----
-
 ## O que é Internacionalização (i18n)?
 
 Internacionalização, frequentemente referida como i18n, é o processo de projetar e preparar sua aplicação para suportar múltiplas línguas e contextos culturais. No Angular, isso envolve configurar seu app para que textos, datas, números e até layouts de UI possam se adaptar perfeitamente a diferentes locais. Fazer essa preparação adequadamente garante que a integração de traduções futuras permaneça organizada e eficiente.
 
 Saiba mais sobre os fundamentos de i18n lendo nosso artigo: [O que é Internacionalização (i18n)? Definição e Desafios](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pt/what_is_internationalization.md).
 
----
-
 ## O Desafio da Tradução para Aplicações Angular
 
 Traduzir uma aplicação Angular apresenta vários desafios:
@@ -43,8 +39,6 @@ Traduzir uma aplicação Angular apresenta vários desafios:
 - **Roteamento e Estado**: Garantir que o idioma correto seja mantido enquanto navega entre rotas envolve gerenciamento de estado e possivelmente guardas ou interceptadores de rotas personalizados.
 - **Escalabilidade e Manutenção**: Os arquivos de tradução podem crescer rapidamente e mantê-los organizados, versionados e em sincronia com a evolução da sua aplicação pode ser uma tarefa contínua.
 
----
-
 ## Principais Soluções de i18n para Angular
 
 O Angular oferece uma estrutura de i18n integrada, e existem várias bibliotecas de terceiros projetadas para simplificar sua configuração multilíngue. Abaixo estão algumas das soluções mais populares.
@@ -69,8 +63,6 @@ O Angular oferece uma estrutura de i18n integrada, e existem várias bibliotecas
 
 - **Comunidade & Ecossistema**: Embora esteja crescendo, o ecossistema é mais novo, então plugins e ferramentas orientados pela comunidade podem ser mais limitados em comparação com soluções mais estabelecidas.
 
----
-
 ### 2. i18n Integrado do Angular
 
 **Visão Geral**  
@@ -89,8 +81,6 @@ O Angular vem com um sistema de **i18n integrado** que inclui ferramentas para e
 - **Conteúdo Dinâmico**: Lidar com conteúdo em tempo real ou gerado pelo usuário pode exigir lógica personalizada, uma vez que a solução integrada do Angular foca fortemente em traduções em tempo de compilação.
 - **Flexibilidade em Tempo de Execução Limitada**: Mudar idiomas rapidamente (sem recarregar o app) pode ser desafiador, pois as traduções são incorporadas durante o tempo de compilação.
 
----
-
 ### 3. ngx-translate
 
 Website: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -111,8 +101,6 @@ Website: [https://github.com/ngx-translate/core](https://github.com/ngx-translat
 - **SEO e SSR**: Se você precisar de renderização do lado do servidor com Angular Universal, o ngx-translate requer configuração extra para garantir que as traduções corretas sejam servidas a rastreadores e navegadores na primeira carga.
 - **Desempenho**: Embora flexível em tempo de execução, lidar com muitas traduções em grandes páginas pode ter implicações de desempenho, então estratégias de cache são recomendadas.
 
----
-
 ### 4. Transloco
 
 Website: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)

package/blog/pt/list_i18n_technologies/frameworks/react-native.md

@@ -23,8 +23,6 @@ author: aymericzip
 
 Em um mercado cada vez mais global, entregar seu app React Native em múltiplas línguas pode melhorar significativamente a acessibilidade e a satisfação do usuário. A internacionalização (i18n) é central para gerenciar traduções de maneira eficaz, permitindo que você exiba texto específico de idioma, formatos de data e hora, moeda, e mais, sem complicar sua base de código. Neste artigo, vamos mergulhar em várias abordagens de i18n, variando de bibliotecas dedicadas a soluções mais gerais, e ajudar você a encontrar a que melhor se adapta ao seu projeto React Native.
 
----
-
 ## O que é Internacionalização (i18n)?
 
 A internacionalização, ou i18n, envolve estruturar um aplicativo para que ele possa se adaptar facilmente a diferentes idiomas, formatos regionais e normas culturais. Em React Native, a i18n inclui o tratamento de strings para botões e rótulos, bem como a formatação de datas, horas, moedas e mais de acordo com o local do usuário. Aplicativos React Native devidamente preparados permitem que você integre facilmente idiomas adicionais e comportamentos específicos de local posteriormente, sem grandes refatorações.
@@ -32,8 +30,6 @@ A internacionalização, ou i18n, envolve estruturar um aplicativo para que ele
 Para uma visão mais aprofundada sobre conceitos de internacionalização, confira nosso artigo:  
 [O que é Internacionalização (i18n)? Definição e Desafios](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pt/o_que_e_internacionalizacao.md).
 
----
-
 ## O Desafio da Tradução para Aplicações React Native
 
 Trabalhar com traduções em React Native traz suas próprias considerações únicas:
@@ -53,8 +49,6 @@ Trabalhar com traduções em React Native traz suas próprias considerações ú
 - **Atualizações de App & Over-the-Air (OTA)**  
   Se você usar CodePush ou outro mecanismo de atualização OTA, precisa planejar como as atualizações de tradução ou novos idiomas serão entregues sem exigir um lançamento completo na loja de aplicativos.
 
----
-
 ## Principais Soluções i18n para React Native
 
 Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue em React Native. Cada uma visa simplificar seu fluxo de trabalho de tradução de diferentes maneiras.
@@ -88,8 +82,6 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 - **Comunidade & Ecossistema**  
   Ainda é uma solução relativamente nova, portanto, você pode encontrar menos exemplos impulsionados pela comunidade ou plugins prontos em comparação com bibliotecas já estabelecidas.
 
----
-
 ### 2. React-i18next
 
 > Website: [https://react.i18next.com/](https://react.i18next.com/)
@@ -122,8 +114,6 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 - **Desempenho**  
   Enquanto o React-i18next geralmente tem um bom desempenho, você precisará prestar atenção em como organiza e carrega os recursos de tradução para evitar sobrecarga em dispositivos móveis.
 
----
-
 ### 3. React Intl (do FormatJS)
 
 > Website: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -156,8 +146,6 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 - **Exemplos da Comunidade**  
   Embora amplamente utilizado, exemplos de uso específicos do React Native podem ser menos numerosos do que para a web React. Você provavelmente precisará adaptar a documentação e padrões existentes para um ambiente nativo.
 
----
-
 ### 4. LinguiJS
 
 > Website: [https://lingui.js.org/](https://lingui.js.org/)
@@ -190,8 +178,6 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 - **Organização do Código**  
   Decidir como dividir seus catálogos de mensagens (por tela, recurso ou idioma) é vital para manter a clareza em aplicativos maiores.
 
----
-
 ## Considerações Finais
 
 Ao selecionar uma solução i18n para sua aplicação React Native:

package/blog/pt/list_i18n_technologies/frameworks/react.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 No cenário digital de hoje, expandir o alcance do seu site para atender a um público global é essencial. Para desenvolvedores que trabalham com React, implementar a internacionalização (i18n) é a chave para gerenciar traduções de forma eficiente, ao mesmo tempo que preserva a estrutura da aplicação, o valor de SEO e a experiência do usuário. Neste artigo, exploramos várias abordagens de i18n, desde bibliotecas dedicadas até soluções codificadas sob medida, ajudando você a decidir qual delas melhor atende às suas necessidades do projeto.
 
----
-
 ## O que é Internacionalização (i18n)?
 
 Internacionalização, abreviada como i18n, é o processo de projetar e preparar seu site para suportar múltiplas línguas e contextos culturais. No React, isso significa configurar seu aplicativo de forma que cadeias de texto, formatos de data, formatos de números e até mesmo o layout possam ser adaptados facilmente para usuários de diferentes regiões. Preparar seu aplicativo React para i18n estabelece as bases para integrar traduções e outros recursos de localização de maneira limpa.
 
 Saiba mais sobre i18n lendo nosso artigo: [O que é Internacionalização (i18n)? Definição e Desafios](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pt/o_que_e_internacionalizacao.md).
 
----
-
 ## O Desafio da Tradução para Aplicações React
 
 Traduzir um site em React apresenta vários desafios:
@@ -43,8 +39,6 @@ Traduzir um site em React apresenta vários desafios:
 - **Gerenciamento de Estado e Contexto:** Garantir que o idioma correto seja mantido em rotas e componentes requer um gerenciamento de estado cuidadoso.
 - **Sobrecarga de Desenvolvimento:** Manter arquivos de tradução, assegurar precisão de contexto e manter sua aplicação escalável são considerações contínuas.
 
----
-
 ## Principais Soluções de i18n para React
 
 Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue em aplicações React, cada uma projetada para agilizar o processo de tradução de diferentes maneiras.
@@ -69,8 +63,6 @@ Abaixo estão várias abordagens populares para gerenciar conteúdo multilíngue
 
 - **Comunidade & Ecossistema**: Embora esteja crescendo, o ecossistema é mais novo, então plugins e ferramentas orientados pela comunidade podem ser mais limitados em comparação com soluções mais estabelecidas.
 
----
-
 ### 2. React-i18next
 
 Website: [https://react.i18next.com/](https://react.i18next.com/)
@@ -93,8 +85,6 @@ Website: [https://react.i18next.com/](https://react.i18next.com/)
 - **Ecossistema de Plugins**: Um amplo ecossistema de plugins e middlewares está disponível, o que também significa que você precisará filtrar vários pacotes para encontrar as ferramentas certas.
 - **Componentes de Servidor**: Requer configuração adicional para garantir que os componentes de servidor peguem as localidades corretas, especialmente se usar frameworks que não sejam Next.js.
 
----
-
 ### 3. React Intl (do FormatJS)
 
 Website: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -137,8 +127,6 @@ Website: [https://lingui.js.org/](https://lingui.js.org/)
 - **Comunidade & Plugins**: O ecossistema está crescendo, mas ainda é menor em comparação com i18next ou FormatJS.
 - **Componentes de Servidor**: Pode precisar de configuração mais explícita para garantir que os componentes de servidor recebam os dados corretos de localidade.
 
----
-
 ### Considerações Finais
 
 Ao escolher uma biblioteca de i18n para React:

package/blog/pt/list_i18n_technologies/frameworks/svelte.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 À medida que a web continua a conectar pessoas ao redor do mundo, fornecer conteúdo em múltiplas línguas se torna cada vez mais importante. Para desenvolvedores que trabalham com **Svelte**, implementar i18n é essencial para gerenciar traduções de forma eficiente, manter um código limpo e preservar boas práticas de SEO. Neste artigo, mergulhamos em várias soluções e fluxos de trabalho de i18n para Svelte, ajudando você a escolher a que melhor se adapta às necessidades do seu projeto.
 
----
-
 ## O que é Internacionalização (i18n)?
 
 Internacionalização, comumente abreviada como i18n, é o processo de projetar e construir sua aplicação para que possa se adaptar facilmente a várias línguas, regiões e convenções culturais. Em Svelte, isso normalmente significa configurar strings de tradução, localizando datas, horários e números, e garantindo que a interface do usuário possa alternar dinamicamente entre diferentes locais sem grandes reescritas de código.
 
 Para saber mais sobre os fundamentos de i18n, leia nosso artigo: [O que é Internacionalização (i18n)? Definição e Desafios](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pt/o_que_e_internacionalizacao.md).
 
----
-
 ## O Desafio da Tradução para Aplicações Svelte
 
 Traduzir uma aplicação Svelte pode apresentar vários obstáculos:
@@ -43,8 +39,6 @@ Traduzir uma aplicação Svelte pode apresentar vários obstáculos:
 - **Estado e Roteamento**: Manter o idioma correto em várias rotas e páginas dinâmicas muitas vezes envolve orquestrar estado global, guardas de rotas ou hooks personalizados no SvelteKit.
 - **Manutenibilidade**: À medida que seu código e arquivos de tradução crescem, manter tudo bem organizado e sincronizado torna-se um esforço contínuo.
 
----
-
 ## Principais Soluções de i18n para Svelte
 
 Svelte não fornece uma solução i18n nativa e integrada (como o Angular), mas a comunidade criou uma variedade de bibliotecas e padrões robustos. Abaixo estão várias abordagens populares.
@@ -69,8 +63,6 @@ Svelte não fornece uma solução i18n nativa e integrada (como o Angular), mas
 
 - **Comunidade & Ecossistema**: Embora esteja crescendo, o ecossistema é mais novo, então plugins e ferramentas orientados pela comunidade podem ser mais limitados em comparação com soluções mais estabelecidas.
 
----
-
 ### 2. svelte-i18n
 
 Repositório: [https://github.com/kaisermann/svelte-i18n](https://github.com/kaisermann/svelte-i18n)
@@ -91,8 +83,6 @@ Repositório: [https://github.com/kaisermann/svelte-i18n](https://github.com/kai
 - **Configuração do SSR**: A configuração do SSR para SEO pode exigir etapas adicionais para garantir a detecção correta do local no lado do servidor.
 - **Desempenho**: Embora flexível em tempo de execução, um grande número de traduções carregadas de uma vez pode impactar os tempos de carregamento iniciais, considere estratégias de carregamento preguiçoso ou cache.
 
----
-
 ### 3. svelte-intl-precompile
 
 Repositório: [https://github.com/cibernox/svelte-intl-precompile](https://github.com/cibernox/svelte-intl-precompile)
@@ -113,8 +103,6 @@ Repositório: [https://github.com/cibernox/svelte-intl-precompile](https://githu
 - **Conteúdo Dinâmico**: Se você precisar de traduções instantâneas para conteúdo gerado pelo usuário, esta abordagem pode exigir etapas extras para atualizações em tempo de execução.
 - **Curva de Aprendizado**: A combinação de extração de mensagens e pré-compilação pode ser ligeiramente mais complexa para iniciantes.
 
----
-
 ### 4. i18next com Svelte / SvelteKit
 
 Website: [https://www.i18next.com/](https://www.i18next.com/)
@@ -135,8 +123,6 @@ Embora **i18next** seja mais comumente associado a React ou Vue, também é poss
 - **Sobrecarga**: O i18next é robusto, mas para projetos Svelte menores, alguns de seus recursos podem ser excessivos.
 - **Roteamento e Estado**: Lidar com o roteamento de idiomas provavelmente envolverá hooks ou middlewares personalizados do SvelteKit.
 
----
-
 ### Considerações Finais
 
 Ao selecionar uma estratégia de i18n para seu aplicativo Svelte:

package/blog/pt/list_i18n_technologies/frameworks/vue.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 Em um cenário digital cada vez mais globalizado, expandir o alcance do seu site Vue.js para usuários em vários idiomas não é mais um "desejo", é uma necessidade competitiva. A internacionalização (i18n) permite que os desenvolvedores gerenciem traduções e adaptem suas aplicações para vários locais, preservando o valor de SEO, a experiência do usuário e estruturas de código manuteníveis. Neste artigo, exploraremos diferentes abordagens, variando de bibliotecas dedicadas a soluções codificadas personalizadas, que ajudam você a integrar i18n em seu projeto Vue.js de forma suave.
 
----
-
 ## O Que é Internacionalização (i18n)?
 
 Internacionalização (i18n) é a prática de preparar uma aplicação de software (ou site) para múltiplos idiomas e convenções culturais. Dentro do ecossistema Vue.js, isso inclui estabelecer como texto, datas, números, moeda e outros elementos localizáveis podem ser adaptados a vários locais. Ao configurar o i18n desde o início, você garante uma estrutura organizada e escalável para adicionar novos idiomas e lidar com necessidades de localização futuras.
 
 Para saber mais sobre os conceitos básicos de i18n, confira nossa referência: [O Que é Internacionalização (i18n)? Definição e Desafios](https://github.com/aymericzip/intlayer/blob/main/docs/blog/pt/o_que_e_internacionalizacao.md).
 
----
-
 ## O Desafio da Tradução para Aplicações Vue
 
 Traduzir uma aplicação Vue.js traz seu próprio conjunto de desafios:
@@ -43,14 +39,10 @@ Traduzir uma aplicação Vue.js traz seu próprio conjunto de desafios:
 - **Estado e Contexto Reativo:** Garantir que o local atual seja mantido através de rotas e componentes, atualizando reativamente textos e formatos, requer uma abordagem cuidadosa, especialmente ao lidar com Vuex ou Pinia para gerenciamento de estado.
 - **Sobrecarga de Desenvolvimento:** Manter arquivos de tradução organizados, consistentes e atualizados pode rapidamente se tornar uma tarefa importante se não for gerenciado cuidadosamente.
 
----
-
 ## Principais Soluções i18n para Vue.js
 
 Abaixo estão várias bibliotecas e abordagens populares que você pode usar para incorporar internacionalização em suas aplicações Vue. Cada uma visa simplificar a tradução, SEO e considerações de desempenho de diferentes maneiras.
 
----
-
 ### 1. Intlayer
 
 > Site: [https://intlayer.org/](https://intlayer.org/)
@@ -94,8 +86,6 @@ Abaixo estão várias bibliotecas e abordagens populares que você pode usar par
 - **Ecosistema de Plugins**  
   Embora robusto, pode ser necessário selecionar cuidadosamente entre vários plugins ou módulos (Nuxt I18n, Vue I18n, etc.) para construir uma configuração perfeita.
 
----
-
 ### 3. LinguiJS (Integração com Vue)
 
 > Site: [https://lingui.js.org/](https://lingui.js.org/)
@@ -123,8 +113,6 @@ Originalmente conhecido por sua integração com o React, **LinguiJS** também o
 - **Comunidade Menor**  
   Comparado ao Vue I18n, há um ecossistema relativamente menor. Plugins oficialmente mantidos e complementos de terceiros podem ser mais limitados.
 
----
-
 ## Considerações Finais
 
 Ao decidir sobre uma solução i18n para sua aplicação Vue.js: