Quick and easy translation of your next.js applications
Only works on pages router.
npm i use-language-nextimport useLanguage from 'use-language-next'
function App() {
const { handleLanguage } = useLanguage()
return (
<p>
{handleLanguage({
'es-MX': 'Hola Mundo',
'en-US': 'Hello World',
'fr': 'Bonjour Monde'
})}
</p>
)
}The key you must use is the same as the one you configured in the i18 of the next.config
module.exports = {
i18n: {
locales: ['en-US', 'es-MX' , 'fr'], //Use this values for key in handleLanguage parameters
defaultLocale: 'en-US',
},
}