신뢰받는 i18n 솔루션
전 세계 개발자들이 선택한 번역 관리 도구
i18nexus
Loading...
i18nexus-tools
Loading...
이런 고민, 하고 계신가요?
전통적인 i18n 방식은 개발 속도를 늦추고 유지보수를 어렵게 만듭니다
수동 텍스트 래핑
모든 텍스트를 일일이 t() 함수로 감싸는 반복 작업. 실수하면 번역이 누락됩니다.
하이드레이션 오류
SSR 환경에서 서버와 클라이언트 언어가 달라 발생하는 hydration mismatch 에러.
복잡한 파일 관리
여러 JSON 파일을 수동으로 관리하고 동기화해야 하는 번거로움.
복잡한 설정
i18next 설정, 라우팅, 미들웨어 등 초기 셋업이 복잡하고 시간이 오래 걸립니다.
모든 문제를 한 번에 해결합니다
i18nexus는 자동화와 최적화로 번역 관리의 모든 고민을 끝냅니다
CLI로 자동 텍스트 래핑
i18n-wrapper CLI가 코드를 분석해 자동으로 번역 함수를 적용합니다.
$ npx i18nexus-tools wrapper하이드레이션 문제 제로
쿠키 기반 언어 관리로 서버와 클라이언트가 항상 동일한 언어를 사용합니다.
Google Sheets 연동
번역 파일을 Google Sheets로 관리하고 자동 동기화할 수 있습니다.
기본값으로 간단한 설정
3줄의 코드만으로 즉시 시작. 복잡한 설정은 필요 없습니다.
핵심 기능
개발자를 위해 설계된 완전한 i18n 도구 모음
자동 번역 래핑
CLI가 자동으로 텍스트를 감지하고 번역 함수를 적용합니다
타입 안전성
TypeScript 완벽 지원으로 컴파일 타임 오류 방지
실시간 동기화
Google Sheets와 양방향 자동 동기화
SSR 최적화
Next.js App Router와 완벽 호환, 하이드레이션 안정성
정말 1분이면 됩니다
복잡한 설정 없이 3단계로 즉시 시작하세요
설치 (10초)
npm으로 i18nexus를 설치합니다
$ npm install i18nexusProvider 설정 (30초)
layout.tsx에 I18nProvider를 추가합니다
// app/layout.tsx
import { I18nProvider } from 'i18nexus';
import { translations } from '@/locales';
export default function RootLayout({ children }) {
return (
<I18nProvider translations={translations}>
{children}
</I18nProvider>
);
}사용하기 (20초)
컴포넌트에서 useTranslation() 훅을 사용합니다
// app/page.tsx
"use client";
import { useTranslation } from 'i18nexus';
export default function Home() {
const { t } = useTranslation();
return (
<div>
<h1>{t("안녕하세요!")}</h1>
<p>{t("다국어 지원이 활성화되었습니다")}</p>
</div>
);
}완료!
이제 다국어 지원이 활성화되었습니다