How can I use Next.js internationalization with client components?

[crimson stirrup]

Hi all, I’ve been looking into Next.js (App Router) internationalization https://nextjs.org/docs/app/building-your-application/routing/internationalization internationalization, and it's great that it has built-in support. However, does this mean it only works with server-side components? I couldn’t find anything in the documentation about client components.

[fallow loom]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[rough stone]

you can get the translations serverside and pass them down to the client. Either fetch them over and over again and pass them where you need them or create a DictonaryProvider (clientside context) that receives the dictonary and provides it to all nested client components

[crimson stirrup]

Yeah, I was thinking of implementing it like that, but I thought maybe Next.js has something built in

@rough stone Thank you

[fallow loom]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1286088456681951273 message)