Episode 22 • Making Websites With Next.js And Strapi

Internationalization (i18n)

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

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 soultion by any stretch.

But with version 3.6 of Strapi you get translation options out of the box. And to make things even better Next.js also got Internationalized Routing in version 10.

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

Earth Icon by Prosymbols from www.flaticon.com

Download code

Wanna ask a question about this video?

Like This Video?

Consider supporting me on Patreon.

...or you can share this video, that also helps ;)

  • Episode 01 • Duration 18:49

    Setup And First Steps

  • Episode 02 • Duration 24:03

    CSS in JS

  • Episode 03 • Duration 15:25

    Fetching The Data

  • Episode 04 • Duration 18:33

    Layouts With Reflexbox

  • Episode 05 • Duration 19:34

    Static Routes, Nested Routes, And Navigation

  • Episode 06 • Duration 19:50

    Dynamic routes

  • Episode 07 • Duration 21:19

    Pagination

  • Episode 08 • Duration 08:59

    Next SEO

  • Episode 09 • Duration 12:28

    Using Context API

  • Episode 10 • Duration 27:34

    Deploy To Digital Ocean

  • Episode 11 • Duration 09:53

    getStaticProps

  • Episode 12 • Duration 07:10

    Incremental Static Regeneration

  • Episode 13 • Duration 34:08

    Multi language

  • Episode 14 • Duration 27:08

    User Authentication

  • Episode 15 • Duration 13:57

    Add Data To Strapi From Next.js

  • Episode 16 • Duration 29:04

    Image Component And Customizing Strapi Response

  • Episode 17 • Duration 14:04

    PropTypes

  • Episode 18 • Duration 40:40

    Filters With React Query

  • Episode 19 • Duration

    User registration

  • Episode 20 • Duration 11:32

    Generate Content With Faker

  • Episode 21 • Duration 16:47

    Infinite Scroll

  • Episode 22 • Duration 19:07

    Internationalization (i18n)

  • Episode 01 • Duration 18:49

    Setup And First Steps

  • Episode 02 • Duration 24:03

    CSS in JS

  • Episode 03 • Duration 15:25

    Fetching The Data

  • Episode 04 • Duration 18:33

    Layouts With Reflexbox

  • Episode 05 • Duration 19:34

    Static Routes, Nested Routes, And Navigation

  • Episode 06 • Duration 19:50

    Dynamic routes

  • Episode 07 • Duration 21:19

    Pagination

  • Episode 08 • Duration 08:59

    Next SEO

  • Episode 09 • Duration 12:28

    Using Context API

  • Episode 10 • Duration 27:34

    Deploy To Digital Ocean

  • Episode 11 • Duration 09:53

    getStaticProps

  • Episode 12 • Duration 07:10

    Incremental Static Regeneration

  • Episode 13 • Duration 34:08

    Multi language

  • Episode 14 • Duration 27:08

    User Authentication

  • Episode 15 • Duration 13:57

    Add Data To Strapi From Next.js

  • Episode 16 • Duration 29:04

    Image Component And Customizing Strapi Response

  • Episode 17 • Duration 14:04

    PropTypes

  • Episode 18 • Duration 40:40

    Filters With React Query

  • Episode 19 • Duration

    User registration

  • Episode 20 • Duration 11:32

    Generate Content With Faker

  • Episode 21 • Duration 16:47

    Infinite Scroll

  • Episode 22 • Duration 19:07

    Internationalization (i18n)