多言語アプリを簡単に構築しましょう

Next.js App Router向けbetter-i18nを使った本番環境対応スターターテンプレート。サーバーサイドレンダリング、即座の言語切り替え、ダイナミックな言語検出が利用できます。

ドキュメントを読むダッシュボードを開く

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

getTranslations()

サーバーサイドレンダリング

翻訳はサーバーサイドで読み込まれ、未翻訳コンテンツのフラッシュといった問題なしにページが即座に読み込まれます。

See demo

useTranslations()

型安全なキー

翻訳キーのTypeScript型は、エラーを実行時ではなくビルド時にキャッチします。

See demo

Try It Live

See all demos

	en-US	ja-JP	RTL
$	$1,234,567.89	￥1,234,568	‏1,234,567.89 ر.س.‏
	Mar 19, 2026	2026/03/19	19‏/03‏/2026
	7 days ago	7 日前	قبل 7 أيام

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

npx better-i18n doctor

i18n Doctor

Run in CI/CD, analyze in Dashboard. Catch missing keys, hardcoded strings, and orphan translations with a single command.

$ better-i18n doctor

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

✓ Coverage 95

✓ Quality 88

! Code 72

✓ Structure 100

クイックスタート

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|.*\\..*).*)"],
};

なぜ better-i18n？

Dashboard → CDN → App

CDN駆動の配信

エッジから配信される翻訳で、世界中で即座のロード時間を実現します。

Next.jsExpoRemixHonoTanStack

フレームワーク連携

Next.js、React、その他のフレームワークへの一級サポート。専用SDK付き。

home.title → "Welcome"

ビジュアルダッシュボード

一か所で翻訳を管理し、協力者を招待し、進捗を追跡できます。

MIT

オープンソース

GitHubで完全な透明性を持つコミュニティ主導の開発。

TanStack Start + CF Workers

Help Center

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

今日から多言語アプリの構築を始めましょう

better-i18nで数分で始められます。無料で開始し、プロジェクトの成長に応じてスケール。

MIT LicensedTypeScript-firstZero vendor lock-in

ドキュメントを読むダッシュボードを開く GitHubで見る

多言語アプリを簡単に構築しましょう

ドキュメントを読むダッシュボードを開く

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

getTranslations()

サーバーサイドレンダリング

翻訳はサーバーサイドで読み込まれ、未翻訳コンテンツのフラッシュといった問題なしにページが即座に読み込まれます。

See demo

useTranslations()

型安全なキー

翻訳キーのTypeScript型は、エラーを実行時ではなくビルド時にキャッチします。

See demo

Try It Live

See all demos

	en-US	ja-JP	RTL
$	$1,234,567.89	￥1,234,568	‏1,234,567.89 ر.س.‏
	Mar 19, 2026	2026/03/19	19‏/03‏/2026
	7 days ago	7 日前	قبل 7 أيام

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

npx better-i18n doctor

i18n Doctor

Run in CI/CD, analyze in Dashboard. Catch missing keys, hardcoded strings, and orphan translations with a single command.

$ better-i18n doctor

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

✓ Coverage 95

✓ Quality 88

! Code 72

✓ Structure 100

クイックスタート

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|.*\\..*).*)"],
};