আন্তর্জাতিকীকরণ বাস্তবায়ন(i18n) Next.js: বহুভাষিক

এই বিভাগে, আমরা আপনার আবেদনে আন্তর্জাতিকীকরণ(i18n) বাস্তবায়নের প্রক্রিয়ার মাধ্যমে আপনাকে গাইড করব Next.js । i18n এর মাধ্যমে, আপনি ব্যবহারকারীদের জন্য একটি বহুভাষিক অভিজ্ঞতা তৈরি করতে পারেন এবং ভাষা-নির্দিষ্ট সামগ্রী প্রদান করতে পারেন।

next-i18next লাইব্রেরি ব্যবহার করে

next-i18next অ্যাপ্লিকেশনগুলিতে i18n বাস্তবায়নের জন্য একটি জনপ্রিয় লাইব্রেরি Next.js । এখানে আপনি কিভাবে আপনার অ্যাপ্লিকেশনে 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 । ভাষা-নির্দিষ্ট বিষয়বস্তু প্রদান করে এবং ব্যবহারকারীদের ভাষা পরিবর্তন করতে সক্ষম করে, আপনি আপনার ব্যবহারকারীদের জন্য একটি আকর্ষণীয় বহুভাষিক অভিজ্ঞতা তৈরি করতে পারেন।