TanStack i18n

Examples

Explore official integration examples for React, Solid, TanStack Start, and TanStack Router. Run and test complete configurations on StackBlitz.

Explore our curated list of example applications. You can browse the source code directly on GitHub or run the interactive live environment in StackBlitz.


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.

GitHubStackBlitz

react-start-react-i18next

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

GitHubStackBlitz

react-start-react-intl

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

GitHubStackBlitz

react-start-paraglide

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

GitHubStackBlitz

react-start-detect

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

GitHubStackBlitz

react-start-ssg

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

GitHubStackBlitz


TanStack Router (SPA)

react-router-use-intl

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

GitHubStackBlitz

react-router-react-i18next

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

GitHubStackBlitz

react-router-react-intl

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

GitHubStackBlitz

react-router-paraglide

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

GitHubStackBlitz


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.

GitHubStackBlitz

solid-start-paraglide

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

GitHubStackBlitz


TanStack Router (SPA)

solid-router-solid-primitives-i18n

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

GitHubStackBlitz

solid-router-paraglide

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

GitHubStackBlitz

Edit on GitHub