Idirnáisiúnú a Chur i bhFeidhm(i18n) in Next.js: Ilteangach

Sa chuid seo, tabharfaimid treoir duit tríd an bpróiseas chun Idirnáisiúnú(i18n) a chur i bhfeidhm i d’ Next.js iarratas. Le i18n, is féidir leat eispéireas ilteangach a chruthú d’úsáideoirí agus ábhar a bhaineann go sonrach le teanga a sholáthar.

Ag baint úsáide as an next-i18next Leabharlann

next-i18next leabharlann a bhfuil an-tóir uirthi chun i18n a chur i bhfeidhm in Next.js iarratais. Seo mar is féidir leat i18n a chur le d’iarratas:

Suiteáil next-i18next:

npm install next-i18next

Cumraigh an leabharlann i do next.config.js chomhad:

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

Cruthaigh comhad cumraíochta darb ainm next-i18next.config.js:

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

Úsáid an leabharlann i d’iarratas:

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

Ábhar Ilteangach a Chruthú

Tar éis duit, a shuiteáil next-i18next, is féidir leat comhaid teanga cosúil le en.json, fr.json, a chruthú es.json chun ábhar a sholáthar i ngach teanga:

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

Athrú Teanga

Chun aistriú teanga a cheadú, is féidir leat uirlis aistrithe teanga a chruthú agus an i18n.changeLanguage fheidhm a úsáid:

 

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

Conclúid

Chuir an rannán seo in iúl duit an próiseas maidir le hIdirnáisiúnú(i18n) a chur i bhfeidhm i d’ Next.js iarratas ag baint úsáide as an next-i18next leabharlann. Trí ábhar a bhaineann go sonrach le teanga a sholáthar agus trí chumasú d’úsáideoirí teangacha a aistriú, is féidir leat eispéireas ilteangach tarraingteach a chruthú do d’úsáideoirí.