React ਐਪਾਂ ਲਈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n) ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੱਲ

ਕੀ ਤੁਸੀਂ ਆਪਣੀ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਨਵੇਂ ਬਾਜ਼ਾਰਾਂ ਵਿੱਚ ਫੈਲਾਉਣ ਦੀ ਸੋਚ ਰਿਹਾਂ ਹੋ? TacoTranslate ਤੁਹਾਡੇ React ਐਪਸ ਨੂੰ ਲੋਕਲਾਈਜ਼ ਕਰਨਾ ਬੜੀ ਆਸਾਨੀ ਨਾਲ ਕਰ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਬਿਨਾਂ ਕਿਸੇ ਝੰਜਟ ਦੇ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਦਰਸ਼ਕਾਂ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ।

React ਲਈ TacoTranslate ਕਿਉੰ ਚੁਣੋ?

Seamless Integration: React ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਖਾਸ ਤੌਰ 'ਤੇ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ, TacoTranslate ਬਿਨਾ ਕਿਸੇ ਰੁਕਾਵਟ ਦੇ ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਵਰਕਫਲੋ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਸ਼ਾਮِل ਹੋ ਜਾਂਦਾ ਹੈ।
Automatic String Collection: ਮੈਨੁਅਲੀ ਤੌਰ 'ਤੇ JSON ਫਾਈਲਾਂ ਦਾ ਪ੍ਰਬੰਧ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਰਹਿੰਦੀ। TacoTranslate ਤੁਹਾਡੇ ਕੋਡਬੇਸ ਤੋਂ ਸਟਰਿੰਗਾਂ ਨੂੰ ਸਵੈਚਲਿਤ ਤੌਰ 'ਤੇ ਇਕੱਠਾ ਕਰਦਾ ਹੈ।
AI-Powered Translations: ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਹਿਜ਼ੇ ਦੇ ਅਨੁਸਾਰ ਪ੍ਰਸੰਗਿਕ ਅਤੇ ਸਹੀ ਅਨੁਵਾਦ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ AI ਦੀ ਤਾਕਤ ਦਾ ਫਾਇਦਾ ਉਠਾਓ।
Instant Language Support: ਸਿਰਫ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਮਰਥਨ ਸ਼ਾਮਿਲ ਕਰੋ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੀ ਐਪ ਦੁਨੀਆਂ ਭਰ ਵਿੱਚ ਪਹੁੰਚਯੋਗ ਬਣ ਜਾਂਦੀ ਹੈ।

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

npm ਰਾਹੀਂ TacoTranslate ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ:

npm install tacotranslate

ਜਦੋਂ ਤੁਸੀਂ ਮੋਡੀਊਲ ਇੰਸਟਾਲ ਕਰ ਲੈਂਦੇ ਹੋ, ਤੁਹਾਨੂੰ TacoTranslate ਖਾਤਾ, ਇੱਕ ਅਨੁਵਾਦ ਪ੍ਰੋਜੇਕਟ ਅਤੇ ਸੰਬੰਧਤ API ਕੁੰਜੀਆਂ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਇੱਥੇ ਇੱਕ ਖਾਤਾ ਬਣਾਓ। ਇਹ ਮੁਫ਼ਤ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਜੋੜਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

TacoTranslate ਐਪਲੀਕੇਸ਼ਨ UI ਵਿੱਚ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਇਸਦੇ API keys ਟੈਬ 'ਤੇ ਜਾਓ। ਇੱਕ read ਕੀ, ਅਤੇ ਇੱਕ read/write ਕੀ ਬਣਾਓ। ਅਸੀਂ ਉਹਨਾਂ ਨੂੰ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲਾਂ ਵਜੋਂ ਸੇਵ ਕਰਾਂਗੇ। read ਕੀ ਨੂੰ ਅਸੀਂ public ਕਹਿੰਦੇ ਹਾਂ ਅਤੇ read/write ਕੀ secret ਹੁੰਦੀ ਹੈ। ਉਦਾਹਰਨ ਵਜੋਂ, ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਦੀ ਰੂਟ ਵਿੱਚ ਇੱਕ .env ਫਾਇਲ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ।

ਤੁਹਾਨੂੰ ਦੋ ਹੋਰ ਇਨਵਾਇਰਨਮੈਂਟ ਵੇਰੀਏਬਲ ਵੀ ਜੋੜਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ: TACOTRANSLATE_DEFAULT_LOCALE ਅਤੇ TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ਡਿਫਾਲਟ ਫਾਲਬੈਕ ਲੋਕੇਲ ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ ਅਸੀਂ ਇਸਨੂੰ ਅੰਗਰੇਜ਼ੀ ਲਈ en 'ਤੇ ਸੈੱਟ ਕਰਾਂਗੇ।
TACOTRANSLATE_ORIGIN: ਉਹ “ਫੋਲਡਰ” ਜਿੱਥੇ ਤੁਹਾਡੀਆਂ ਸਟ੍ਰਿੰਗਾਂ ਸਟੋਰ ਕੀਤੀਆਂ ਜਾਣਗੀਆਂ, ਉਦਾਹਰਨ ਵਜੋਂ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਦਾ URL। ਇੱਥੇ origins ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ।

.env

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

ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਗੁਪਤ read/write API ਕੁੰਜੀ ਕਦੇ ਵੀ ਕਲਾਇਂਟ-ਸਾਈਡ ਪ੍ਰੋਡਕਸ਼ਨ ਮਾਹੌਲ ਵਿੱਚ ਲੀਕ ਨਾ ਹੋਵੇ।

TacoTranslate ਸੈਟਅਪ ਕਰਨਾ

ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ TacoTranslate ਨੂੰ ਸ਼ੁਰੂ ਕਰੋ — ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ TacoTranslate ਕੰਟੈਕਸਟ ਪ੍ਰੋਵਾਈਡਰ ਨਾਲ ਰੈਪ ਕਰਕੇ:

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

ਹੁਣ ਤੁਸੀਂ ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਕਿਸੇ ਵੀ ਥਾਂ Translate ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦਿਤ ਟੈਕਸਟ ਦਿਖਾ ਸਕਦੇ ਹੋ! ਹੋਰ ਜਾਣਕਾਰੀ ਅਤੇ ਤੁਹਾਡੇ ਸੈਟਅਪ ਲਈ ਵਿਸ਼ੇਸ਼ ਲਾਗੂ ਕਰਨ ਦੀਆਂ ਹਦਾਇਤਾਂ ਲਈ ਜ਼ਰੂਰ ਸਾਡੇ ਦਸਤਾਵੇਜ਼ ਵੇਖੋ।

import {Translate} from 'tacotranslate/react';

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

TacoTranslate ਵਰਤਣ ਦੇ ਫਾਇਦੇ

ਸਮਾਂ ਬਚਾਉਂਦਾ: ਸਥਾਨਕੀਕਰਨ ਅਤੇ ਸਟਰਿੰਗਜ਼ ਇਕੱਠਾ ਕਰਨ ਦੀ ਥਕਾਵਟ ਭਰੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਆਟੋਮੇਟ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਹਾਡਾ ਕੀਮਤੀ ਸਮਾਂ ਬਚਦਾ ਹੈ.
ਲਾਗਤ-ਅਨੁਕੂਲ: ਹੱਥੋਂ ਕਰਕੇ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਅਨੁਵਾਦਾਂ ਦੀ ਲੋੜ ਘਟਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੇ ਸਥਾਨਕੀਕਰਨ ਖਰਚੇ ਘਟਦੇ ਹਨ.
ਸੁਧਰੀ ਹੋਈ ਠੀਕਤਾ: AI-ਸਹਾਇਤ ਅਨੁਵਾਦ ਸੰਦਰਭ ਅਨੁਸਾਰ ਸਹੀ ਅਤੇ ਉੱਚ-ਗੁਣਵੱਤਾ ਵਾਲੇ ਨਤੀਜੇ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ.
ਪੈਮਾਨੇ-ਯੋਗ ਹੱਲ: ਜਿਵੇਂ ਤੁਹਾਡਾ ਐਪ ਅਤੇ ਗਾਹਕ ਅਧਾਰ ਵਧਦਾ ਹੈ, ਆਸਾਨੀ ਨਾਲ ਨਵੀਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਮਰਥਨ ਜੋੜੋ.

ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!

ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ Translate ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਕੋਈ ਵੀ ਸਟਰਿੰਗਾਂ ਜੋੜਦੇ ਹੋ ਤਾਂ ਤੁਹਾਡੀ React ਐਪਲੀਕੇਸ਼ਨ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਅਨੁਵਾਦ ਹੋ ਜਾਵੇਗੀ। ਧਿਆਨ ਰੱਖੋ ਕਿ ਕੇਵਲ ਉਹ ਵਾਤਾਵਰਣ ਜਿਨ੍ਹਾਂ ਕੋਲ API ਕੀ 'ਤੇ read/write ਅਨੁਮਤੀਆਂ ਹਨ, ਨਵੇਂ ਅਨੁਵਾਦ ਕਰਨ ਲਈ ਸਟਰਿੰਗਾਂ ਬਣਾਉਣ ਸਕਣਗੇ।

ਅਸੀਂ ਸਿਫਾਰਿਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਣ ਹੋਵੇ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪ ਦੀ ਜਾਂਚ ਕਰ ਸਕੋ ਅਤੇ ਲਾਈਵ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਨਵੀਆਂ ਸਟਰਿੰਗਾਂ ਜੋੜ ਸਕੋ। ਇਹ ਕਿਸੇ ਨੂੰ ਵੀ ਤੁਹਾਡੀ ਗੁਪਤ API ਕੀ ਚੋਰੀ ਕਰਨ ਤੋਂ ਰੋਕੇਗਾ, ਅਤੇ ਗਲਤ ਸਟਰਿੰਗਾਂ ਜੋੜਕੇ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬੇਵਜ੍ਹਾ ਵਧਣ ਤੋਂ ਬਚਾਏਗਾ।