TacoTranslate
/
DocumentaciónPrecios
 
  1. Introducción
  2. Primeros pasos
  3. Configuración y puesta en marcha
  4. Usando TacoTranslate
  5. Renderizado del lado del servidor
  6. Uso avanzado
  7. Mejores prácticas
  8. Manejo de errores y depuración
  9. Idiomas soportados

Primeros pasos

Instalación

Para instalar TacoTranslate en tu proyecto, abre tu terminal y navega hasta el directorio raíz de tu proyecto. Luego, ejecuta el siguiente comando para instalar con npm:

npm install tacotranslate

Esto supone que ya tienes un proyecto configurado. Ver ejemplos para más información.

Uso básico

El siguiente ejemplo demuestra cómo crear un cliente TacoTranslate, envolver tu aplicación con el proveedor TacoTranslate, y usar el componente Translate para mostrar cadenas traducidas.

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>
  );
}

El ejemplo está configurado para usar español (locale="es"), por lo que el componente Translate mostrará "¡Hola, mundo!".

Crear una clave API

Ejemplos

Dirígete a nuestra carpeta de ejemplos en GitHub para aprender más sobre cómo configurar TacoTranslate específicamente para tu caso de uso, como con el Next.js App Router, o usando Create React App.

También tenemos un CodeSandbox configurado que puedes ver aquí.

Configuración y puesta en marcha