다언어 앱을 쉽게 만들어보세요

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	ko-KR
$	$1,234,567.89	₩1,234,568	￥1,234,568
	Mar 19, 2026	2026. 3. 19.	2026/03/19
	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에서 보기

다언어 앱을 쉽게 만들어보세요

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	ko-KR
$	$1,234,567.89	₩1,234,568	￥1,234,568
	Mar 19, 2026	2026. 3. 19.	2026/03/19
	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|.*\\..*).*)"],
};