close

بین الاقوامی کاری(i18n) پر عمل درآمد Next.js: کثیر لسانی

Next.js اس سیکشن میں، ہم آپ کی درخواست میں انٹرنیشنلائزیشن(i18n) کو نافذ کرنے کے عمل میں آپ کی رہنمائی کریں گے ۔ i18n کے ساتھ، آپ صارفین کے لیے کثیر لسانی تجربہ بنا سکتے ہیں اور زبان کے لیے مخصوص مواد فراہم کر سکتے ہیں۔

next-i18next لائبریری کا استعمال

next-i18next Next.js ایپلی کیشنز میں i18n کو لاگو کرنے کے لیے ایک مشہور لائبریری ہے ۔ یہ ہے کہ آپ اپنی درخواست میں i18n کیسے شامل کر سکتے ہیں:

انسٹال کریں next-i18next:

npm install next-i18next

اپنی فائل میں لائبریری کو ترتیب دیں next.config.js:

const { i18n } = require('./next-i18next.config');  
  
module.exports = {  
  i18n,  
};

نام کی ایک کنفیگریشن فائل بنائیں next-i18next.config.js:

module.exports = {  
  i18n: {  
    locales: ['en', 'fr', 'es'],  
    defaultLocale: 'en',  
  },  
};

اپنی درخواست میں لائبریری کا استعمال کریں:

import { useTranslation } from 'next-i18next';  
  
function MyComponent() {  
  const { t } = useTranslation();  
  
  return( 
    <div>  
      <p>{t('welcome')}</p>  
    </div>  
 );  
}

کثیر لسانی مواد تخلیق کرنا

انسٹال کرنے کے بعد next-i18next ، آپ ہر زبان میں مواد فراہم کرنے کے لیے en.json ، جیسے زبان کی فائلیں بنا سکتے ہیں: fr.json es.json 

// en.json  
{  
  "welcome": "Welcome!"  
}  
  
// fr.json  
{  
  "welcome": "Bienvenue!"  
}  
  
// es.json  
{  
  "welcome": "¡Bienvenido!"  
}

زبان کی تبدیلی

لینگویج سوئچنگ کی اجازت دینے کے لیے، آپ لینگویج سوئچر ٹول بنا سکتے ہیں اور i18n.changeLanguage فنکشن استعمال کر سکتے ہیں:

 

import { useTranslation } from 'next-i18next';  
  
function LanguageSwitcher() {  
  const { i18n } = useTranslation();  
  
  const handleChangeLanguage =(newLanguage) => {  
    i18n.changeLanguage(newLanguage);  
  };  
  
  return( 
    <div>  
      <button onClick={() => handleChangeLanguage('en')}>English</button>  
      <button onClick={() => handleChangeLanguage('fr')}>Français</button>  
      <button onClick={() => handleChangeLanguage('es')}>Español</button>  
    </div>  
 );  
}

نتیجہ

Next.js اس سیکشن نے آپ کو لائبریری کا استعمال کرتے ہوئے آپ کی درخواست میں انٹرنیشنلائزیشن(i18n) کو لاگو کرنے کے عمل سے متعارف کرایا ہے next-i18next ۔ زبان سے متعلق مواد فراہم کرکے اور صارفین کو زبانوں کو تبدیل کرنے کے قابل بنا کر، آپ اپنے صارفین کے لیے ایک پرکشش کثیر لسانی تجربہ بنا سکتے ہیں۔