Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Internationalization Help #3309

Discussion options

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 😄

You must be logged in to vote

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

Replies: 3 comments 4 replies

Comment options

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.

You must be logged in to vote
0 replies
Comment options

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

You must be logged in to vote
4 replies
Comment options

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

Comment options

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

Comment options

Comment options

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

Answer selected by bartkownacki
Comment options

Here is another approach using intlayer

Doc
Code example

  • Per-component approach
  • Typesafe
  • Three shakable
  • Test and fill translation in CI
  • routing & middleware
You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

AltStyle によって変換されたページ (->オリジナル) /