React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

TacoTranslate paketini npm ile kurun:

npm install tacotranslate

Modül yüklendiğinde, bir TacoTranslate hesabı, bir çeviri projesi ve ilgili API anahtarlarını oluşturmanız gerekecek. Buradan bir hesap oluşturun. Ücretsizdir ve kredi kartı eklemenizi gerektirmez.

TacoTranslate uygulama arayüzü içinde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir tane read anahtarı ve bir tane read/write anahtarı oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarı, public olarak adlandırdığımız anahtar olup, read/write anahtarı ise secret anahtarıdır. Örneğin, bunları projenizin kök dizinindeki .env dosyasına ekleyebilirsiniz.

Ayrıca iki tane daha ortam değişkeni eklemeniz gerekecek: TACOTRANSLATE_DEFAULT_LOCALE ve TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek dil kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Kökenler hakkında daha fazla bilgi için burayı okuyun.

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

Gizli read/write API anahtarını kesinlikle istemci tarafı üretim ortamlarına sızdırmayın.

TacoTranslate Kurulumu

React uygulamanızda TacoTranslate'i başlatmak için uygulamanızı TacoTranslate context sağlayıcısı ile sarmalayın:

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

Artık uygulamanızın herhangi bir yerinde Translate bileşenini kullanarak çevrilmiş metni görüntüleyebilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama rehberleri için belgelerimize göz atmayı unutmayın.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate Kullanmanın Faydaları

• Zaman kazandırır: Yerelleştirme ve metin toplama gibi sıkıcı süreçleri otomatikleştirir, değerli zamanınızı tasarruf etmenizi sağlar.
• Maliyet etkin: Manuel çeviri ihtiyacını azaltarak yerelleştirme maliyetlerinizi düşürür.
• Geliştirilmiş doğruluk: Yapay zeka destekli çeviriler, bağlama uygun ve yüksek kaliteli sonuçlar sunar.
• Ölçeklenebilir çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni dilleri kolayca ekleyebilirsiniz.

Bugün başlayın!

React uygulamanızda herhangi bir dizeyi Translate bileşenine eklediğinizde otomatik olarak çevrilecektir. API anahtarında read/write izinlerine sahip olan ortamların yeni çevrilecek dizeler oluşturabileceğini unutmayın.

Canlıya almadan önce üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir staging ortamına sahip olmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını önleyecek ve kötü niyetli dizeler eklenerek çeviri projenizin gereksiz yere şişmesini engelleyecektir.

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!