Save language selction local storage or cookie

[MuhammadSaim]

How can I save the selected language in local storage or cookie when a user comes back and according to the cookie or value in storage selects his/her selected language?

[aralroca]

I hope this documentation helps: https://github.com/aralroca/next-translate?tab=readme-ov-file#11-how-to-save-the-user-defined-language:

import { useRouter } from 'next/router'

// ...

function usePersistLocaleCookie() {
    const { locale, defaultLocale } = useRouter()

    useEffect(persistLocaleCookie, [locale, defaultLocale])
    function persistLocaleCookie() {
      if(locale !== defaultLocale) {
         const date = new Date()
         const expireMs = 100 * 24 * 60 * 60 * 1000 // 100 days
         date.setTime(date.getTime() + expireMs)
         document.cookie = `NEXT_LOCALE=${locale};expires=${date.toUTCString()};path=/`
      }
    }
}

The cookie name should be NEXT_LOCALE, this is part of the core of Next.js: https://nextjs.org/docs/pages/building-your-application/routing/internationalization#leveraging-the-next_locale-cookie

[MuhammadSaim]

Thank @aralroca for your reply. I'm using this but on refresh package is not reading the locale from the cookies