ਉਸ Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਕਿਵੇਂ ਲਾਗੂ ਕੀਤਾ ਜਾਵੇ ਜੋ Pages Router ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੀ ਹੈ

ਜਿਵੇਂ ਦੁਨੀਆ ਹੋਰ ਵਿਆਪਕ ਹੋ ਰਹੀ ਹੈ, ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਉਹਨਾਂ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ ਜ਼ਿਆਦਾ ਮਹੱਤਵਪੂਰਣ ਹੋ ਗਿਆ ਹੈ ਜੋ ਵੱਖ-ਵੱਖ ਦੇਸ਼ਾਂ ਅਤੇ ਸਭਿਆਚਾਰਾਂ ਤੋਂ ਹਨ। ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਇੱਕ ਮੁੱਖ ਤਰੀਕਿਆਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n), ਜੋ ਤੁਹਾਨੂੰ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵੱਖ-ਵੱਖ ਭਾਸ਼ਾਵਾਂ, ਮੁਦਰਾਵਾਂ ਅਤੇ ਤਾਰੀਖ਼ ਦੇ ਫਾਰਮੈਟਾਂ ਅਨੁਸਾਰ ਅਨੁਕੂਲ ਕਰਨ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ।

ਇਸ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ, ਅਸੀਂ ਵੇਖਾਂਗੇ ਕਿ React Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਸਰਵਰ-ਸਾਈਡ ਰੇਂਡਰਿੰਗ ਨਾਲ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਕਿਵੇਂ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ। TL;DR: ਪੂਰਾ ਉਦਾਹਰਣ ਇੱਥੇ ਵੇਖੋ।

ਇਹ ਗਾਈਡ Next.js ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਹੈ ਜੋ Pages Router ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੀਆਂ ਹਨ।
ਜੇ ਤੁਸੀਂ App Router ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਇਸ ਦੀ ਥਾਂ ਇਹ ਗਾਈਡ ਵੇਖੋ।

ਕਦਮ 1: ਇੱਕ i18n ਲਾਇਬ੍ਰੇਰੀ ਇੰਸਟਾਲ ਕਰੋ

ਤੁਹਾਡੇ Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ ਲਾਗੂ ਕਰਨ ਲਈ, ਸਾਨੂੰ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ i18n ਲਾਇਬ੍ਰੇਰੀ ਚੁਣਨੀ ਹੋਵੇਗੀ। ਕਈ ਪ੍ਰਸਿੱਧ ਲਾਇਬ੍ਰੇਰੀਆਂ ਹਨ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ next-intl ਸ਼ਾਮਲ ਹੈ। ਹਾਲਾਂਕਿ, ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ TacoTranslate ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ।

TacoTranslate ਤੁਹਾਡੇ ਸਟਰਿੰਗਜ਼ ਨੂੰ ਸਭ ਤੋਂ ਉੱਨਤ AI ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਕਿਸੇ ਵੀ ਭਾਸ਼ਾ ਵਿੱਚ ਅਨੁਵਾਦ ਕਰਦਾ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ JSON ਫਾਇਲਾਂ ਦੀ ਝੰਜਟਭਰੀ ਪ੍ਰਬੰਧਕੀ ਤੋਂ ਆਜ਼ਾਦ ਕਰਦਾ ਹੈ।

ਆਓ ਇਸਨੂੰ ਆਪਣੀ ਟਰਮੀਨਲ ਵਿੱਚ npm ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੰਸਟਾਲ ਕਰੀਏ:

npm install tacotranslate

ਕਦਮ 2: ਇੱਕ ਮੁਫ਼ਤ TacoTranslate ਖਾਤਾ ਬਣਾਓ

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

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

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010

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

ਅਸੀਂ ਦੋ ਹੋਰ ਵਾਤਾਵਰਣ ਵੈਰੀਏਬਲ ਵੀ ਸ਼ਾਮਲ ਕਰਾਂਗੇ: TACOTRANSLATE_DEFAULT_LOCALE ਅਤੇ TACOTRANSLATE_ORIGIN.

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

TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

ਕਦਮ 3: TacoTranslate ਸੈਟਅੱਪ ਕਰਨਾ

ਤੁਹਾਡੇ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਨਾਲ TacoTranslate ਨੂੰ ਜੋੜਨ ਲਈ, ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਦਿੱਤੀਆਂ API ਕੁੰਜੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਕਲਾਇੰਟ ਬਣਾਉਣਾ ਪਏਗਾ। ਉਦਾਹਰਨ ਵਜੋਂ, /tacotranslate-client.js ਨਾਂ ਦੀ ਫਾਈਲ ਬਣਾਓ।

const {default: createTacoTranslateClient} = require('tacotranslate');

const tacoTranslate = createTacoTranslateClient({
	apiKey:
		process.env.TACOTRANSLATE_SECRET_API_KEY ??
		process.env.TACOTRANSLATE_PUBLIC_API_KEY ??
		process.env.TACOTRANSLATE_API_KEY ??
		'',
	projectLocale: process.env.TACOTRANSLATE_DEFAULT_LOCALE ?? '',
});

module.exports = tacoTranslate;

ਅਸੀਂ ਜਲਦੀ ਹੀ TACOTRANSLATE_API_KEY ਨੂੰ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਨਿਰਧਾਰਤ ਕਰਾਂਗੇ।

ਕਲਾਇਂਟ ਨੂੰ ਇੱਕ ਵੱਖਰੇ ਫ਼ਾਈਲ ਵਿੱਚ ਬਣਾਉਣ ਨਾਲ ਬਾਅਦ ਵਿੱਚ ਇਸਨੂੰ ਫਿਰ ਤੋਂ ਵਰਤਣਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ। ਹੁਣ, ਇੱਕ ਕਸਟਮ /pages/_app.tsx ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਅਸੀਂ TacoTranslate ਪ੍ਰੋਵਾਈਡਰ ਜੋੜਾਂਗੇ।

import React from 'react';
import {type AppProps} from 'next/app';
import {type Origin, type Locale, type Localizations} from 'tacotranslate';
import TacoTranslate from 'tacotranslate/react';
import TacoTranslateHead from 'tacotranslate/next/head';
import tacoTranslate from '../tacotranslate-client';

type PageProperties = {
	origin: Origin;
	locale: Locale;
	locales: Locale[];
	localizations: Localizations;
};

export default function App({Component, pageProps}: AppProps<PageProperties>) {
	const {origin, locale, locales, localizations} = pageProps;

	return (
		<TacoTranslate
			client={tacoTranslate}
			origin={origin}
			locale={locale}
			localizations={localizations}
		>
			<TacoTranslateHead rootUrl="https://your-website.com" locales={locales} />
			<Component {...pageProps} />
		</TacoTranslate>
	);
}

ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਤੋਂ ਹੀ ਕਸਟਮ pageProps ਅਤੇ _app.tsx ਹਨ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਉਪਰ ਦਿੱਤੀਆਂ ਪ੍ਰਾਪਰਟੀਆਂ ਅਤੇ ਕੋਡ ਨਾਲ ਪਰਿਭਾਸ਼ਾ ਨੂੰ ਵਿਸਤਾਰ ਕਰੋ।

ਕਦਮ 4: ਸਰਵਰ-ਸਾਈਡ ਰੈਂਡਰਿੰਗ ਲਾਗੂ ਕਰਨਾ

TacoTranslate ਤੁਹਾਡੇ ਅਨੁਵਾਦਾਂ ਦੀ ਸਰਵਰ-ਸਾਈਡ ਰੈਂਡਰਿੰਗ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹ ਯੂਜ਼ਰ ਅਨੁਭਵ ਨੂੰ ਬਹੁਤ بہتر ਬਣਾਉਂਦਾ ਹੈ ਕਿਉਂਕਿ ਅਨੁਵਾਦਿਤ ਸਮੱਗਰੀ ਤੁਰੰਤ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ, ਪਹਿਲਾਂ ਅਣਅਨੁਵਾਦਿਤ ਸਮੱਗਰੀ ਦੇ ਇੱਕ ਛੋਟੇ ਜਿਹਾ ਫਲੈਸ਼ ਦੀ ਥਾਂ। ਇਸ ਦੇ ਨਾਲ-ਨਾਲ, ਅਸੀਂ ਕਲਾਇੰਟ ਤੇ ਨੈੱਟਵਰਕ ਬੇਨਤੀਆਂ ਛੱਡ ਸਕਦੇ ਹਾਂ, ਕਿਉਂਕਿ ਸਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਲੋੜੀਂਦੇ ਸਾਰੇ ਅਨੁਵਾਦ ਮੌਜੂਦ ਹਨ।

ਅਸੀਂ /next.config.js ਬਣਾਉਣ ਜਾਂ ਸੋਧਣ ਨਾਲ ਸ਼ੁਰੂ ਕਰਾਂਗੇ।

const withTacoTranslate = require('tacotranslate/next/config').default;
const tacoTranslateClient = require('./tacotranslate-client');

module.exports = async () => {
	const config = {};

	return withTacoTranslate(config, {
		client: tacoTranslateClient,
		isProduction:
			process.env.TACOTRANSLATE_ENV === 'production' ||
			process.env.VERCEL_ENV === 'production' ||
			(!(process.env.TACOTRANSLATE_ENV || process.env.VERCEL_ENV) &&
				process.env.NODE_ENV === 'production'),
	});
};

ਆਪਣੇ ਸੈਟਅਪ ਦੇ ਅਨੁਸਾਰ isProduction ਚੈਕ ਨੂੰ ਸੋਧੋ। ਜੇ true, TacoTranslate ਪਬਲਿਕ API ਕੁੰਜੀ ਨੂੰ ਦਰਸਾਏਗਾ। ਜੇ ਅਸੀਂ ਲੋਕਲ, ਟੈਸਟ ਜਾਂ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਣ ਵਿੱਚ ਹਾਂ (isProduction is false), ਅਸੀਂ ਗੁਪਤ read/write API ਕੁੰਜੀ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ ਤਾਂ ਕਿ ਨਵੇਂ ਸਤਰਿੰਗਾਂ ਅਨੁਵਾਦ ਲਈ ਭੇਜੇ ਜਾ ਸਕਣ।

ਅਜੇ ਤੱਕ, ਅਸੀਂ ਕੇਵਲ Next.js ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸਮਰਥਿਤ ਭਾਸ਼ਾਵਾਂ ਦੀ ਸੂਚੀ ਨਾਲ ਹੀ ਸੈਟ ਕੀਤਾ ਹੈ। ਅਗਲਾ ਕੰਮ ਇਹ ਹੈ ਕਿ ਅਸੀਂ ਤੁਹਾਡੇ ਸਾਰੇ ਪੰਨਿਆਂ ਲਈ ਅਨੁਵਾਦ ਲਿਆਉਂਗੇ। ਇਸ ਲਈ, ਆਪਣੀਆਂ ਲੋੜਾਂ ਦੇ ਅਨੁਸਾਰ ਤੁਸੀਂ getTacoTranslateStaticProps ਜਾਂ getTacoTranslateServerSideProps ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਦਾ ਉਪਯੋਗ ਕਰੋਗੇ।

ਇਹ ਫੰਕਸ਼ਨ ਤਿੰਨ ਆਰਗੁਮੈਂਟ ਲੈਂਦੇ ਹਨ: ਇੱਕ Next.js Static Props Context ਔਬਜੈਕਟ, TacoTranslate ਲਈ ਕਨਫਿਗਰੇਸ਼ਨ, ਅਤੇ ਵਿਕਲਪਿਕ Next.js ਪ੍ਰਾਪਰਟੀਜ਼। ਧਿਆਨ ਰਹੇ ਕਿ revalidate getTacoTranslateStaticProps 'ਤੇ ਡਿਫੌਲਟ ਰੂਪ ਵਿੱਚ 60 ਤੇ ਸੈਟ ਹੈ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਹਮੇਸ਼ਾ ਅਪ-ਟੂ-ਡੇਟ ਰਹਿਣ।

ਪੇਜ ਵਿੱਚ ਕਿਸੇ ਵੀ ਫੰਕਸ਼ਨ ਨੂੰ ਵਰਤਣ ਲਈ, ਆਓ ਮੰਨ ਲਈਏ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇਕ ਪੇਜ ਫਾਇਲ ਹੈ ਜਿਵੇਂ /pages/hello-world.tsx.

import {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';

export async function getStaticProps(context) {
	return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}

export default function Page() {
	return <Translate string="Hello, world!"/>;
}

ਹੁਣ ਤੁਸੀਂ ਆਪਣੇ ਸਾਰੇ React ਕੰਪੋਨੈਂਟਾਂ ਵਿੱਚ ਸਟ੍ਰਿੰਗਾਂ ਨੂੰ ਅਨੁਵਾਦ ਕਰਨ ਲਈ Translate ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।

import {Translate} from 'tacotranslate/react';

function Component() {
	return <Translate string="Hello, world!"/>
}

ਕਦਮ 5: ਤैनਾਤ ਕਰੋ ਅਤੇ ਟੈਸਟ ਕਰੋ!

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

ਸਾਡੇ GitHub ਪ੍ਰੋਫ਼ਾਈਲ 'ਤੇ ਮੌਜੂਦ ਪੂਰਾ ਉਦਾਹਰਨ ਜ਼ਰੂਰ ਵੇਖੋ। ਉੱਥੇ, ਤੁਸੀਂ App Router ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਇਸ ਦਾ ਵੀ ਇੱਕ ਉਦਾਹਰਨ ਲੱਭੋਗੇ! ਜੇ ਤੁਹਾਨੂੰ ਕੋਈ ਸਮੱਸਿਆ ਆਵੇ, ਤਾਂ ਨਿਸ਼ਚਿੰਤ ਹੋ ਕੇ ਸੰਪਰਕ ਕਰੋ, ਅਸੀਂ ਬੇਹੱਦ ਖੁਸ਼ੀ-ਖੁਸ਼ੀ ਮਦਦ ਕਰਾਂਗੇ।

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