TacoTranslate
/
ਡੌਕਯੂਮੈਂਟੇਸ਼ਨਕੀਮਤਾਂ
 
ਟਿਊਟੋਰੀਅਲ
04 ਮਈ

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

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

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

ਇਸ ਟਿ੍ਯੂਟੋਰਿਅਲ ਵਿੱਚ, ਅਸੀਂ ਵੇਖਾਂਗੇ ਕਿ ਕਿਵੇਂ ਆਪਣੀ React Next.js ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਸਰਵਰ ਸਾਈਡ ਰੈਂਡਰਿੰਗ ਨਾਲ ਸਹਿਯੋਗੀ ਅਵਸਥਾ ਵਿੱਚ ਸਰਬੱਤਕਾਰੀ (internationalization) ਨੂੰ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ। 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। ਉਤਪੱਤੀਆਂ ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ ਇੱਥੇ।
.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 ਵਿੱਚੋਂ ਕਿਸੇ ਇੱਕ ਦਾ ਉਪਯੋਗ ਕਰੋਗੇ।

ਇਹ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਤਿੰਨ ਦਲੀਲਾਂ (arguments) ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ: ਇੱਕ Next.js Static Props Context ਓਬਜੈਕਟ, TacoTranslate ਲਈ ਸੰਰਚਨਾ (configuration), ਅਤੇ ਵਿਕਲਪੀ 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: ਤੈਨਾਤ ਕਰੋ ਅਤੇ ਜਾਂਚ ਕਰੋ!

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

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

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

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