ਇੱਕ Pages Router ਦਾ ਇਸਤੇਮਾਲ ਕਰ ਰਹੀ Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (internationalization) ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ

ਜਿਵੇਂ ਦੁਨੀਆ ਵੱਧਤੋਂ ਵੱਧ ਗਲੋਬਲ ਹੋ ਰਹੀ ਹੈ, ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਇਹ ਹੋਰ ਵੀ ਜ਼ਰੂਰੀ ਹੋ ਗਿਆ ਹੈ ਕਿ ਉਹ ਐਸੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾਉਣ ਜੋ ਵੱਖ-ਵੱਖ ਦੇਸ਼ਾਂ ਅਤੇ ਸੰਸਕਾਰਾਂ ਤੋਂ ਆਏ ਯੂਜ਼ਰਾਂ ਦੀ ਸੇਵਾ ਕਰ ਸਕਣ। ਇਸ ਨੂੰ ਹਾਸਲ ਕਰਨ ਦੇ ਇੱਕ ਮੁੱਖ ਤਰੀਕਿਆਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (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 ਕੀਜ਼ ਟੈਬ ’ਤੇ ਜਾਓ। ਇੱਕ 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 ਸੈੱਟ ਅੱਪ ਕਰਨਾ

To integrate TacoTranslate with your application, you’ll need to create a client using the API keys from earlier. For example, create a file named /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 ਵਸਤੂ, ਟੈਕੋਟ੍ਰਾਂਸਲੇਟ ਲਈ ਕੌਂਫਿਗਰੇਸ਼ਨ, ਅਤੇ ਵਿਕਲਪਕ Next.js ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ. ਨੋਟ ਕਰੋ ਕਿ getTacoTranslateStaticProps 'ਤੇ revalidate ਡਿਫੌਲਟ ਤੌਰ 'ਤੇ 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 ਐਪਲੀਕੇਸ਼ਨ ਹੁਣ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਅਨੁਵਾਦ ਹੋ ਜਾਵੇਗੀ। ਧਿਆਨ ਦਿਉ ਕਿ ਸਿਰਫ ਉਹੀ ਵਾਤਾਵਰਣ ਜੋ read/write ਪਰਮੀਸ਼ਨ ਵਾਲੇ API ਕੀ ਨਾਲ ਹਨ, ਨਵੇਂ ਸਤਰ ਬਨਾਉਣ ਅਤੇ ਅਨੁਵਾਦ ਲਈ ਜਮ੍ਹਾ ਕਰਨ ਦੇ ਯੋਗ ਹੋਣਗੇ। ਅਸੀਂ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਣ ਹੋਵੇ, ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਐਸਾ API ਕੀ ਨਾਲ ਟੈਸਟ ਕਰ ਸਕੋ, ਜੀਹਦੇ ਨਾਲ ਲਾਈਵ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਨਵੇਂ ਸਤਰ ਜੋੜੇ ਜਾਣ। ਇਸ ਨਾਲ ਕੋਈ ਵੀ ਤੁਹਾਡੇ ਗੁਪਤ API ਕੀ ਨੂੰ ਚੋਰੀ ਕਰਨ ਤੋਂ ਬਚਾਇਆ ਜਾਵੇਗਾ ਅਤੇ ਅਣਚਾਹੇ, ਅਸੰਬੰਧਿਤ ਸਤਰਾਂ ਜੋੜ ਕੇ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਦਾ ਵੱਡਾ ਨਾ ਬਣਾਏ।

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

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