React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

Modülü yükledikten sonra, bir TacoTranslate hesabı, bir çeviri projesi ve ilişkili API anahtarları 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 anahtardır ve read/write anahtarı secret olarak adlandırılı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 konum kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizelerinizin depolanacağı "klasör", örneğin web sitenizin URL'si. Kaynaklar hakkında daha fazla bilgi edinin.

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ı asla istemci tarafı üretim ortamlarına sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

React uygulamanızda, uygulamanızı TacoTranslate context sağlayıcısı ile sarmalayarak TacoTranslate'i başlatı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 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 tasarrufu: Lokalizasyon ve metin toplama sürecini otomatikleştirerek değerli zamanınızı kurtarır.
• Maliyet etkin: Manuel çeviri ihtiyacını azaltarak lokalizasyon 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ürken yeni diller için destek eklemek çok kolaydır.

Bugün başlayın!

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

Canlıya geçmeden önce yeni dizeler ekleyerek üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir ara ortam (staging) bulundurmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını önleyecek ve uygunsuz dizelerin eklenerek çeviri projenizin şişmesini engelleyecektir.

GitHub profilimizdeki tam örneklere göz atmayı unutmayın. Herhangi bir sorunla karşılaşırsanız, lütfen çekinmeden bizimle iletişime geçin, size yardımcı olmaktan memnuniyet duyarız.

TacoTranslate, React uygulamalarınızı herhangi bir dile hızlıca otomatik olarak yerelleştirmenizi sağlar. Ücretsiz çeviri yapın!