TacoTranslate
/
DocumentaçãoPreços
 
  1. Introdução
  2. Primeiros passos
  3. Instalação e configuração
  4. Utilizar o TacoTranslate
  5. Renderização no servidor
  6. Utilização avançada
  7. Boas práticas
  8. Tratamento de erros e depuração
  9. Idiomas suportados

Primeiros passos

Instalação

Para instalar o TacoTranslate no seu projeto, abra o seu terminal e navegue até ao diretório raiz do seu projeto. Em seguida, execute o seguinte comando para instalar com npm:

npm install tacotranslate

Isto pressupõe que já tem um projeto configurado. Veja exemplos para mais informações.

Uso básico

O exemplo abaixo demonstra como criar um cliente TacoTranslate, envolver a sua aplicação com o provider TacoTranslate e usar o componente Translate para exibir textos traduzidos.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Page() {
	return <Translate string="Hello, world!" />;
}

export default function App() {
  return (
    <TacoTranslate client={tacoTranslateClient} locale="es">
      <Page />
    </TacoTranslate>
  );
}

O exemplo está configurado para usar espanhol (locale="es"), por isso o Translate componente irá apresentar "¡Hola, mundo!".

Criar uma chave de API

Exemplos

Visite a nossa pasta de exemplos no GitHub para saber mais sobre como configurar TacoTranslate especificamente para o seu caso de uso, por exemplo com o Next.js App Router, ou usando o Create React App.

Também temos um CodeSandbox configurado que pode ver aqui.

Instalação e configuração

Um produto de NattskiftetFeito na Noruega