Internationalization Help

[bartkownacki]

Hello,
Is there any guide/tutorial on how to implement internationalization with ssr suport in tanstack start (router) app?
Example app could also be helpful 😄

[AumGupta]

Hey @bartkownacki ,

Here are some relevant links:

1. TanStack Router SSR Guide: https://tanstack.com/router/v1/docs/framework/react/guide/ssr

2. react-i18next Documentation: https://react.i18next.com/

3. Multi-language app in the route (TanStack Router Discussion): multi language app, in the route #1841

4. I18nProvider breaks client hydration in TanStack Start (Issue Report): I18nProvider breaks client hydration in TanStack Start adobe/react-spectrum#7474

5. Live Coding TanStack Router/Start - RSCs, SSR, Streaming, and more (YouTube Video): https://www.youtube.com/watch?v=sNe2EKegNNI

Hope these are helpful.

[samuelstroschein]

juliomuhlbauer created examples for TanStack Router and Start which supports i18n routing via Paraglide JS

• TanStack Router example
• TanStack Start example

[daveycodez]

Only issue with these is they don't support defaultLocale having no prefix, unless there is some way I'd love to know how.

[benyamynbrkyc]

I'm interested in this as well. No prefix on default would be awesome

[benyamynbrkyc]

Would this help?
https://inlang.com/m/osslbuzt/paraglide-next-i18n/localized-routing/prefix-strategy#prefix-strategy-default

[samuelstroschein]

Only issue with these is they don't support defaultLocale having no prefix, unless there is some way I'd love to know how.

that's the default pattern when you use the url strategy outof the box https://inlang.com/m/gerre34r/library-inlang-paraglideJs/strategy#url

[aymericzip]

Here is another approach using intlayer

Doc
Code example

• Per-component approach
• Typesafe
• Three shakable
• Test and fill translation in CI
• routing & middleware