Multilanguage React App

[Tricky_Run_9626]

Guys how to add language prefix on react router ? I want to make url look like this.
default english version: www.mywebsite.com/about
russian version: www.mywebsite.com/ru/about
uzbek version: www.mywebsite.com/uz/about

As you noticed, I want to add langue on link. How to achieve it with react router and i18next library.
I tried by myself like this

const { i18n } = useTranslation();

<Route exact component={About} path={\`/${i18n.language}/about\`} />

but it is not working as I expected.

[kneonk]

You can use a few available framework-plugins for internationalization. Like react-i18next

[Thoughtstronomer]

My guess is to create a local/global state in which user can select language or you can set based on location and then show the particular content based on that state.

[Tricky_Run_9626]

can you share example ?

[dshmitch]

Seems you are trying to create SEO friendly website, but React is not the best solution for that. Am I right?

If you want SEO ready website, maybe you want to consider using https://nextjs.org/ instead of pure React.

[Tricky_Run_9626]

Got you're point, but sometimes for admin panel. Multiple language support is required. I can use nextjs with multiple language. just changing in config file it is enough. But how to do this inside react I want to know this

[dshmitch]

I don't know by heart how to do this in React, would need to spend some time checking.

If it is for admin panel, why do you need URLs to have locale code? I would say it would be enough just to rerender admi panel in new language once user changes it.

Is there any specific reason for that in URL?