Skip to content

laskydev/useLanguageNext

Repository files navigation

useLanguageNext

Quick and easy translation of your next.js applications

Only works on pages router.

Installation

npm i use-language-next

Usage/Examples

import 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',
  },
}