Enkel lokalisering for React-applikasjonar

Er du ute etter å utvide React-applikasjonen din til nye marknader? TacoTranslate gjer det utruleg enkelt å lokaliserer React-appar dine, og gjer det mogleg for deg å nå eit globalt publikum utan bryet.

Kvifor velje TacoTranslate for React?

Sømlaus Integrasjon: Spesielt utvikla for React-applikasjonar, integrerer TacoTranslate seg enkelt i arbeidsflyten din.
Automatisk Innhenting av Strengar: Du treng ikkje lenger handtere JSON-filer manuelt. TacoTranslate samlar automatisk inn strengar frå koden din.
AI-Drevne Omsettingar: Utnytt krafta til AI for å levere kontekstuelt presise omsettingar som passar tonen i applikasjonen din.
Straks Språkstøtte: Legg til støtte for nye språk med berre eit klikk, og gjer applikasjonen din tilgjengeleg globalt.

Korleis det fungerer

Installer TacoTranslate-pakken via npm:

npm install tacotranslate

Når du har installert modulen, må du opprette ein TacoTranslate-konto, eit omsetjingsprosjekt og tilhøyrande API-nøklar. Opprett ein konto her. Det er gratis, og du treng ikkje å legge til eit kredittkort.

Innanfor TacoTranslate-applikasjonen si brukargrensesnitt, opprett eit prosjekt, og naviger til fanen for API-nøklar. Lag ein read nøkkel, og ein read/write nøkkel. Vi vil lagre dei som miljøvariablar. read nøkkelen er det vi kallar public, og read/write nøkkelen er secret. Til dømes kan du legge dei til i ei .env fil i roten av prosjektet ditt.

Du må òg legge til to fleire miljøvariablar: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Den standard fallback-lokalkoden. I dette eksemplet set vi den til en for engelsk.
TACOTRANSLATE_ORIGIN: «Mappa» der strengane dine vil bli lagra, som til dømes URL-en til nettsida di. Les meir om origins her.

.env

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

Ver aldri den hemmelige read/write API-nøkkelen til produksjonsmiljø på klient-sida.

Sette opp TacoTranslate

Initialiser TacoTranslate i React-applikasjonen din ved å pakke inn applikasjonen i TacoTranslate context provider:

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 no bruke Translate komponenten kvar som helst i applikasjonen din for å vise omsette tekst! Ver sikker på å sjå vår dokumentasjon for meir informasjon, og for implementeringsveiledningar som er spesifikke for ditt oppsett.

import {Translate} from 'tacotranslate/react';

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

Fordelar med å bruke TacoTranslate

Tidsbesparande: Automatiserer den tidkrevjande prosessen med lokaliserng og innsamling av tekststrengar, og sparar deg verdifull tid.
Kostnadseffektiv: Reduserer behovet for manuelle omsettingar, noko som senkar kostnadene til lokaliseringsarbeidet ditt.
Forbetra nøyaktigheit: AI-drevne omsettingar sikrar kontekstrelevante og høgkvalitets resultat.
Skalerbar løysing: Legg enkelt til støtte for nye språk etter kvart som applikasjonen og kundebasen din veks.

Kom i gang i dag!

React-applikasjonen din vil bli automatisk omsett når du legg til strengar i ein Translate komponent. Merk at berre miljø med read/write tilgang på API-nøkkelen vil kunne opprette nye strengar som skal omsetjast.

Vi anbefaler å ha eit lukka og sikra staging-miljø der du kan teste produksjonsapplikasjonen din, og leggje til nye strengar før du går live. Dette vil hindre at nokon stjeler den hemmelege API-nøkkelen din, og potensielt overlesser omsetjingsprosjektet ditt med uautoriserte strengar.

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!