Examples

Explore official integration examples for React, Solid, TanStack Start, and TanStack Router.

Explore our curated list of example applications. You can browse the source code directly on GitHub, or download and run any example locally using npx giget.

React Examples

React integrations support both server-side rendered (SSR) environments with TanStack Start and client-side single-page applications (SPA) with TanStack Router.

TanStack Start (SSR)

react-start-use-intl

A clean server-side rendered application utilizing the lightweight use-intl package.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/use-intl my-app

react-start-react-i18next

Full-featured server-side rendered (SSR) setup integrated with react-i18next and i18next.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/react-i18next my-app

react-start-react-intl

Server-side rendered example integrated with FormatJS / react-intl for advanced pluralization and message formatting.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/react-intl my-app

react-start-paraglide

High-performance, compiler-optimized static type translations using Paraglide JS with TanStack Start.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/paraglide my-app

react-start-detect

Automatic locale detection using browser headers, cookies, or query parameters.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/detect my-app

react-start-ssg

Static Site Generation (SSG) prerendering with localized paths. Generates pure HTML files for each configured locale.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/ssg my-app

react-start-custom-adapter

Custom cookie persistence adapter defined inline using custom() with the use-intl translation package.

npx giget gh:Wadiou/tanstack-i18n/examples/react/start/custom-adapter my-app

TanStack Router (SPA)

react-router-use-intl

SPA implementation showcasing the integration between TanStack Router and the use-intl translation package.

npx giget gh:Wadiou/tanstack-i18n/examples/react/router/use-intl my-app

react-router-react-i18next

SPA client-side routing example paired with the popular react-i18next framework.

npx giget gh:Wadiou/tanstack-i18n/examples/react/router/react-i18next my-app

react-router-react-intl

Single-page application demonstrating client-side routing utilizing FormatJS / react-intl translations.

npx giget gh:Wadiou/tanstack-i18n/examples/react/router/react-intl my-app

react-router-paraglide

Client-side single-page application (SPA) using Paraglide JS with TanStack Router.

npx giget gh:Wadiou/tanstack-i18n/examples/react/router/paraglide my-app

Solid Examples

Solid-based integrations targeting TanStack Start and TanStack Router environments.

TanStack Start (SSR)

solid-start-solid-primitives-i18n

TanStack Start application utilizing @solid-primitives/i18n dictionary translation helpers.

npx giget gh:Wadiou/tanstack-i18n/examples/solid/start/solid-primitives-i18n my-app

solid-start-paraglide

Server-side rendered (SSR) TanStack Start application using compiler-driven Paraglide JS translations.

npx giget gh:Wadiou/tanstack-i18n/examples/solid/start/paraglide my-app

TanStack Router (SPA)

solid-router-solid-primitives-i18n

SPA client-side TanStack Router application using @solid-primitives/i18n dictionary utilities.

npx giget gh:Wadiou/tanstack-i18n/examples/solid/router/solid-primitives-i18n my-app

solid-router-paraglide

Client-side SPA TanStack Router application integrated with Paraglide JS.

npx giget gh:Wadiou/tanstack-i18n/examples/solid/router/paraglide my-app

remix-i18next

Migrate from Remix and remix-i18next to TanStack i18n. Shift route path matching and locale persistence to TanStack Router.

Exports and peers

Verify TanStack i18n package entry points and subpath exports. Inspect required and optional peer dependencies for React and Solid.

On this page

React Examples TanStack Start (SSR)TanStack Router (SPA)Solid Examples TanStack Start (SSR)TanStack Router (SPA)