i18n provider using NextJs App Router
The new App Router in NextJs changes lot's of things.
Here is a blog post about implementing i18n in NextJs App Router with i18next-resources-to-backend
https://locize.com/blog/next-13-app-dir-i18n/
I'm trying to implement it in my refine i18n Provider
locize - localization as a service
i18n with Next.js 13 and app directory (an i18next guide)
Looking for a way to internationalize your Next.js 13 project with the new app directory feature? Then this guide is for you!
3 Replies
Hi @adamquadmon. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. However, I can provide you with some information on how to implement i18n in a refine project using the i18n Provider.
First, create an i18n instance using react-i18next:
Then, import the
i18n
instance in your index.tsx
file and wrap the App in React.Suspense
:
Finally, define your i18n provider and pass it to the Refine
component:
For more information on refine's i18n Provider, you can refer to the documentation (https://refine.dev/docs/api-reference/core/providers/i18n-provider/).
----------------------
Note: you can ask me a follow up question by @ mentioning me again
:speech_balloon:
----------------------<@461260744936259584> kapa.ai is still learning and improving, please let us how it did by reacting below
like-gold•16mo ago
Great, we would be very grateful if you could update and contribute to our example ‘with-nextjs-appdir’