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

[mamlzy]

Is Intlayer completely free, or does it have a pricing plan?

[aymericzip]

All i18n features are 100% free. AI translations use your own API key (at your provider's cost) or can be run locally for free via Ollama. Only the CMS will include a pricing plan, if not self hosted

[Wadiou]

For a managed approach to i18n with TanStack Start / TanStack Router, take a look at tanstack-i18n. It handles locale routing, URL prefixes, redirects, and persistence while staying compatible with many translation libraries.