Next.js + Strapi - #Internationalization (i18n)

In this episode we are going to take look at new internationalization features of both #Strapi and #Nextjs.

As you may remember I already did an episode about localization and internationalization, but at the time of recording that video Strapi didn’t have options for translating content. So we had to create additional fields in our content type that would serve as translations for original fields.

This is an OK solution if you only have 1 additional language, but imagine that you wanna translate your site or app to five languages. That would mean that you would have 5 additional fields for every translatable field.

Not an elegant solution by any stretch.

So in this episode we are going to take a look at how these two features play together.

### Code used in this tutorial

----------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------

### You can support my work on Patreon

### Follow me on Social Media

[yhr]

Thanks for the explanation 🙂 this gave me ideas for my current NextJS app.
I like how humble your channel name is 😉

[noahperez]

great video and thank you ! what if you use use appWithTranslation from next-i18next. This higher-order component (HOC) will wrap a i18nextProvider around your app ?

[fvgoya]

Hope to see more WordPress content in your channel. Your content is great! Thank you for that.

[codexprt]

it's helpfull. thanks for sharing

[mooder]

Waw thank you so much

Do you have any idea how to import css files conditioally??
I'm working on multi languages app and one of the languages is arabic so i have another css file to load when the dir is rtl i mean when the language is arabic so i was looking for a way to handle this issue but i couldnt find it

[dinoscheidt]

How satisfied are you with strapi vs other alternatives you might have compared it to? Love from Berlin (looking into this for Eng - German Content)

[alankuper]

Good video, but how change "id" when change lang?

[imcorentin]

Thanks for this tutorial! I'm wondering if you know how to do this with slugs (and no ID's). Like : /articles/[slug]
And the routes automatically changes when you switch the language ? Thanks again