ਰੀਐਕਟ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਅਸਾਨ ਲੋਕਲਾਈਜ਼ੇਸ਼ਨ

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

npm ਦੇ ਜ਼ਰੀਏ TacoTranslate ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ:

npm install tacotranslate

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

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

ਤੁਹਾਡੇ ਨੂੰ ਦੋਹਰਿਆਂ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵੀ ਸ਼ਾਮਲ ਕਰਨੇ ਪੈਣਗੇ: TACOTRANSLATE_DEFAULT_LOCALE ਅਤੇ TACOTRANSLATE_ORIGIN.

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

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

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

import {Translate} from 'tacotranslate/react';

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

ਟੈਕੋਟ੍ਰਾਂਸਲੇਟ ਦੀ ਵਰਤੋਂ ਦੇ ਫਾਇਦੇ

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

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

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

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

ਜਰੂਰ ਸਾਡੇ GitHub ਪ੍ਰੋਫ਼ਾਈਲ 'ਤੋਂ ਪੂਰੇ ਉਦਾਹਰਨਾਂ ਨੂੰ ਚੈੱਕ ਕਰੋ. ਜੇਕਰ ਤੁਹਾਨੂੰ ਕੋਈ ਸਮੱਸਿਆ ਆਵੇ, ਤਾਂ ਬੇਝਿਝਕ ਸੰਪਰਕ ਕਰੋ, ਅਤੇ ਅਸੀਂ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਬਹੁਤ ਖੁਸ਼ ਹੋਵਾਂਗੇ।

TacoTranslate ਤੁਹਾਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਵਿੱਚ ਆਪਣੀਆਂ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਆਪਣੇ ਆਪ ਅਨੁਵਾਦ ਕਰਨ ਦਿੰਦਾ ਹੈ। ਮੁਫ਼ਤ ਅਨੁਵਾਦ ਕਰੋ!