Effortløs lokalisering for React-applikasjoner

Ønsker du å utvide React-applikasjonen din til nye markeder? TacoTranslate gjør det utrolig enkelt å lokalisere React-appene dine, slik at du kan nå et globalt publikum uten bryderi.

Hvorfor velge TacoTranslate for React?

Sømløs integrasjon: Spesielt designet for React-applikasjoner, integreres TacoTranslate enkelt i din eksisterende arbeidsflyt.
Automatisk innsamling av tekststrenger: Ikke mer manuell håndtering av JSON-filer. TacoTranslate samler automatisk tekststrenger fra kodebasen din.
AI-drevne oversettelser: Utnytt kraften i AI for å gi kontekstuelt nøyaktige oversettelser som passer tonen i applikasjonen din.
Umiddelbar språkstøtte: Legg til støtte for nye språk med bare ett klikk, og gjør applikasjonen din tilgjengelig globalt.

Hvordan det fungerer

Installer TacoTranslate-pakken via npm:

npm install tacotranslate

Når du har installert modulen, må du opprette en TacoTranslate-konto, et oversettelsesprosjekt og tilhørende API-nøkler. Opprett en konto her. Det er gratis, og krever ikke at du legger inn kredittkort.

Innenfor TacoTranslate-applikasjonens brukergrensesnitt, opprett et prosjekt, og naviger til fanen for API-nøkler. Opprett en read nøkkel, og en read/write nøkkel. Vi vil lagre dem som miljøvariabler. read nøkkelen kaller vi public, og read/write nøkkelen er secret. For eksempel kan du legge dem til i en .env fil i rotmappen av prosjektet ditt.

Du må også legge til to flere miljøvariabler: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Standard fallback-lokalkode. I dette eksempelet setter vi den til en for engelsk.
TACOTRANSLATE_ORIGIN: "Mappen" hvor strengene dine vil bli lagret, for eksempel URL-en til nettstedet ditt. Les mer om origins her.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Pass på å aldri lekke den hemmelige read/write API-nøkkelen til klient-side produksjonsmiljøer.

Sette opp TacoTranslate

Initialiser TacoTranslate i React-applikasjonen din ved å pakke applikasjonen inn i TacoTranslate-kontekstleverandøren:

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

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

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Du kan nå bruke Translate komponenten hvor som helst i applikasjonen din for å vise oversatt tekst! Sørg for å sjekke dokumentasjonen vår for mer informasjon, og for implementasjonsveiledninger spesifikke for din konfigurasjon.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Fordeler med å bruke TacoTranslate

Tidsbesparende: Automatiserer den tidkrevende prosessen med lokaliseringsarbeid og innsamling av strenger, noe som sparer deg verdifull tid.
Kostnadseffektivt: Reduserer behovet for manuelle oversettelser, og senker lokaliseringskostnadene dine.
Forbedret nøyaktighet: AI-drevne oversettelser sikrer kontekstuelt korrekte og høykvalitetsresultater.
Skalerbar løsning: Legg enkelt til støtte for nye språk ettersom applikasjonen din og kundebasen vokser.

Kom i gang i dag!

Din React-applikasjon vil bli oversatt automatisk når du legger til tekststrenger i en Translate komponent. Merk at kun miljøer med read/write tillatelser på API-nøkkelen vil kunne opprette nye tekststrenger som skal oversettes.

Vi anbefaler å ha et lukket og sikkert staging-miljø hvor du kan teste produksjonsapplikasjonen din, og legge til nye tekststrenger før du går live. Dette vil forhindre at noen stjeler din hemmelige API-nøkkel, og potensielt øker størrelsen på oversettelsesprosjektet ved å legge til uønskede tekststrenger.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!