Build multilingual apps with ease

A production-ready starter template with better-i18n for Next.js App Router. Server-side rendering, instant locale switching, and dynamic language discovery.

Read the Docs Open Dashboard

15 locales|5-layer fallback|30s ISR|< 1ms switch

getTranslations()

Server-Side Rendering

Translations are loaded server-side for instant page loads with no flash of untranslated content.

See demo

useTranslations()

Type-Safe Keys

TypeScript types for your translation keys catch errors at build time, not runtime.

See demo

Try It Live

See all demos

	en-US	de-DE
$	$1,234,567.89	1.234.567,89 €	￥1,234,568
	Mar 19, 2026	19.03.2026	2026/03/19
	7 days ago	vor 7 Tagen	7 日前

format.number(1234567.89, { style: "currency" })

npx better-i18n doctor

i18n Doctor

CI/CD'de çalıştır, Dashboard'da analiz et. Eksik key, hardcoded string ve orphan çevirileri tek komutla yakala.

$ better-i18n doctor

████████████████░░░░82/100A

✓ Coverage 95

✓ Quality 88

! Code 72

✓ Structure 100

Quick Start

i18n.config.ts

npm install @better-i18n/next

# i18n.config.ts
import { createI18n } from "@better-i18n/next";
export const i18n = createI18n({
  project: "my-org/my-app",
  defaultLocale: "en",
});

# middleware.ts
import { i18n } from "./i18n.config";
export default i18n.betterMiddleware();
export const config = {
  matcher: ["/((?!api|_next|.*\\..*).*)"],
};

Why better-i18n?

Dashboard → CDN → App

CDN-Powered Delivery

Translations served from the edge for instant load times worldwide.

Next.jsExpoRemixHonoTanStack

Framework Integrations

First-class support for Next.js, React, and more with dedicated SDKs.

home.title → "Welcome"

Visual Dashboard

Manage translations, invite collaborators, and track progress in one place.

MIT

Open Source

Community-driven development with full transparency on GitHub.

TanStack Start + CF Workers

Help Center

Multilingual help center powered by Better i18n — search articles, browse categories, all translated in real-time.

Start building multilingual apps today

Get up and running in minutes with better-i18n. Free to start, scales with your project.

MIT LicensedTypeScript-firstZero vendor lock-in

Read the Docs Open Dashboard View on GitHub

Build multilingual apps with ease

A production-ready starter template with better-i18n for Next.js App Router. Server-side rendering, instant locale switching, and dynamic language discovery.

Read the Docs Open Dashboard

15 locales|5-layer fallback|30s ISR|< 1ms switch

getTranslations()

Server-Side Rendering

Translations are loaded server-side for instant page loads with no flash of untranslated content.

See demo

useTranslations()

Type-Safe Keys

TypeScript types for your translation keys catch errors at build time, not runtime.

See demo

Try It Live

See all demos

	en-US	de-DE
$	$1,234,567.89	1.234.567,89 €	￥1,234,568
	Mar 19, 2026	19.03.2026	2026/03/19
	7 days ago	vor 7 Tagen	7 日前

format.number(1234567.89, { style: "currency" })

npx better-i18n doctor

i18n Doctor

CI/CD'de çalıştır, Dashboard'da analiz et. Eksik key, hardcoded string ve orphan çevirileri tek komutla yakala.

$ better-i18n doctor

████████████████░░░░82/100A

✓ Coverage 95

✓ Quality 88

! Code 72

✓ Structure 100

Quick Start

i18n.config.ts

npm install @better-i18n/next

# i18n.config.ts
import { createI18n } from "@better-i18n/next";
export const i18n = createI18n({
  project: "my-org/my-app",
  defaultLocale: "en",
});

# middleware.ts
import { i18n } from "./i18n.config";
export default i18n.betterMiddleware();
export const config = {
  matcher: ["/((?!api|_next|.*\\..*).*)"],
};

Why better-i18n?

Dashboard → CDN → App

Start building multilingual apps today

Get up and running in minutes with better-i18n. Free to start, scales with your project.

MIT LicensedTypeScript-firstZero vendor lock-in

Read the Docs Open Dashboard View on GitHub