Escanear traducciones

Crear cuenta

🚀 Automatiza y optimiza tus traducciones

Para aprovechar al máximo Translate Projects, necesitas una API Key. Regístrate sin compromiso.

• No pedimos tarjeta de crédito para probar Translate Projects

Beneficios al obtener tu API Key

• Administración Inteligente: Sincroniza y gestiona automáticamente las traducciones de tus proyectos.
• Panel Administrativo Exclusivo: Personaliza y supervisa todas tus traducciones desde una interfaz centralizada.
• Soporte Prioritario: Recibe asistencia técnica rápida y especializada cuando la necesites.
• Traducciones Precisas: Nuestra tecnología entiende el contexto de tu código para ofrecer traducciones exactas.
• 30.000 Eniacs de Bienvenida: Prueba todas las funciones sin compromiso con tokens internos que potencian tus traducciones.

¡Regístrate ahora y obtén tu API Key para desbloquear todo el potencial de Translate Projects!

Crear cuenta ahora→

Crearemos un archivo translate.js en la carpeta utils y añadiremos el siguiente código:

utils/translate.js

import { translateProject } from 'translate-projects-react';

translateProject({
    sourceLang: 'es', // Idioma por defecto
    targetLangs: ['en'], // Idiomas a traducir
    apiKey: '#', //Tu API key
    scanner: true // Habilitamos el scanner
});

Configurar comando para npm

Añadir el siguiente comando en tu archivo package.json:

package.json

"scripts": {
  "translate": "node ./utils/translate.js"
}

Para evitar un error en la carga de los modulos ve a tu package.json y cambia añade el type a module

package.json

{
    ...Tus configuraciones,
    "type": "module",
}

Ejecutamos el comando para que nuestras traducciones se realicen.

Terminal

npm run translate

¿Que escaneamos?

Obtendremos todos los textos de tu proyecto que se encuentren en los siguientes casos de uso.

• los que se encuentren dentro de la etiqueta Trans

  src/App.tsx

  import { Trans } from 'react-i18next';
  
  function App() {
    return (
      <div>
        <header>
          <Trans>Hola Este es un ejemplo de traduccion</Trans>
        </header>
      </div>
    );
  }

• Tambien los textos que se encuentren dentro de nuestro hook t.

  src/App.tsx

  import { useTranslation } from '@/hooks/useTranslation'; Importamos nuestro hook
  
  function App() {
  const { t } = useTranslation();
  return (
      <div>
      <header>
          {t('Hola Este es un ejemplo de traduccion base')}
      </header>
      </div>
  );
  }
  
  export default App;