TacoTranslate
/
ਦਸਤਾਵੇਜ਼ਕੀਮਤਾਂ
 
ਟਿਊਟੋਰੀਅਲ
04 ਮਈ

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

ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵੱਧ ਪਹੁੰਚਯੋਗ ਬਣਾਓ ਅਤੇ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n) ਨਾਲ ਨਵੇਂ ਬਜ਼ਾਰਾਂ ਤੱਕ ਪਹੁੰਚੋ।

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

.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 ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ।
.env
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

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

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

/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 ਪ੍ਰੋਵਾਈਡਰ ਜੋੜਾਂਗੇ।

/pages/_app.tsx
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 ਬਣਾਉਣ ਜਾਂ ਬਦਲਣ ਨਾਲ।

/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 ਵਰਗਾ ਇੱਕ ਪੇਜ਼ ਫਾਇਲ ਹੈ।

/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: ਤੈਨਾਤ ਕਰੋ ਅਤੇ ਪਰਖੋ!

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

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

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

ਇੱਕ ਉਤਪਾਦ Nattskiftet ਤੋਂਨਾਰਵੇ ਵਿੱਚ ਬਣਾਇਆ ਗਿਆ