Implimentazzjoni tal-Internazzjonalizzazzjoni(i18n) fi Next.js: Multilingwi

F'din it-taqsima, aħna niggwidawk fil-proċess ta' implimentazzjoni tal-Internazzjonalizzazzjoni(i18n) fl- Next.js applikazzjoni tiegħek. Bl-i18n, tista' toħloq esperjenza multilingwi għall-utenti u tipprovdi kontenut speċifiku għal-lingwa.

Jużaw il- next-i18next Librerija

next-i18next hija librerija popolari għall-implimentazzjoni ta 'i18n fl Next.js -applikazzjonijiet. Hawn kif tista 'żżid i18n mal-applikazzjoni tiegħek:

Installa next-i18next:

npm install next-i18next

Ikkonfigura l-librerija fil- next.config.js fajl tiegħek:

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

Oħloq fajl ta' konfigurazzjoni bl-isem next-i18next.config.js:

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

Uża l-librerija fl-applikazzjoni tiegħek:

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

Ħolqien ta' Kontenut Multilingwi

Wara l-installazzjoni next-i18next, tista' toħloq fajls tal-lingwa bħal en.json, fr.json, es.json biex tipprovdi kontenut f'kull lingwa:

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

Qlib tal-Lingwa

Biex tippermetti l-bdil tal-lingwa, tista' toħloq għodda tal-iswiċċjar tal-lingwa u tuża l- i18n.changeLanguage funzjoni:

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>  
 );  
}  

Konklużjoni

Din it-taqsima introduċietlek il-proċess tal-implimentazzjoni tal-Internazzjonalizzazzjoni(i18n) fl- Next.js applikazzjoni tiegħek billi tuża l- next-i18next librerija. Billi tipprovdi kontenut speċifiku għal-lingwa u tippermetti lill-utenti jaqilbu l-lingwi, tista' toħloq esperjenza multilingwi ta' involviment għall-utenti tiegħek.