React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

npm üzerinden TacoTranslate paketini yükleyin:

npm install tacotranslate

Modülü yükledikten sonra bir TacoTranslate hesabı, bir çeviri projesi ve ilgili API anahtarlarını oluşturmanız gerekecek. Buradan bir hesap oluşturun. Ücretsizdir ve kredi kartı bilgisi girmenizi gerektirmez.

TacoTranslate uygulamasının kullanıcı arayüzünde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir read anahtarı ve bir read/write anahtarı oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarına biz public diyoruz ve read/write anahtarına ise secret diyoruz. Örneğin, bunları projenizin kök dizinindeki .env dosyasına ekleyebilirsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek (fallback) yerel kodu. Bu örnekte bunu İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Metinlerinizin saklanacağı “klasör”, örneğin web sitenizin URL'si. Kökenler hakkında daha fazlasını burada 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ı istemci tarafı üretim ortamlarına asla sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

TacoTranslate'i React uygulamanızda başlatmak için uygulamanızı TacoTranslate bağlam sağlayıcısı ile sarı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ş metinleri görüntüleyebilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama rehberleri için belgelerimizi incelemeyi 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 tasarrufu: Yerelleştirme ve metin toplama gibi zahmetli süreçleri otomatikleştirir, size değerli zaman kazandırır.
• Maliyet etkin: Elle yapılan çevirilere olan ihtiyacı azaltarak yerelleştirme maliyetlerinizi düşürür.
• Artırılmış doğruluk: Yapay zeka destekli çeviriler, bağlama uygun ve yüksek kaliteli sonuçlar sağlar.
• Ölçeklenebilir Çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni dillere destek eklemek kolaydır.

Hemen başlayın!

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

Canlıya almadan önce yeni dizeler ekleyerek üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir staging ortamı bulundurmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını 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!