i18nexus 문서

i18nexus 라이브러리

쿠키 기반 언어 관리 및 SSR 지원을 갖춘 완전한 React i18n 툴킷

설치

example.bashbash

npm install i18nexus

핵심 기능

I18nProvider

쿠키 기반 언어 영속성을 갖춘 React Context Provider

자세히 알아보기 →

useTranslation

클라이언트 컴포넌트에서 번역 함수에 접근하기 위한 훅

자세히 알아보기 →

useLanguageSwitcher

쿠키 영속성을 통한 언어 변경 훅

자세히 알아보기 →

Server Components

하이드레이션 불일치 제로의 서버 사이드 번역

자세히 알아보기 →

빠른 시작

example.tsxtsx

// app/ClientProvider.tsx
"use client";

import { I18nProvider } from "i18nexus";
import { loadNamespace } from "@/locales";

export function ClientProvider({ children, language }) {
  return (
    <I18nProvider
      initialLanguage={language}
      loadNamespace={loadNamespace}
      fallbackNamespace="common"
      preloadNamespaces={["common"]}
    >
      {children}
    </I18nProvider>
  );
}

example.tsxtsx

"use client";

import { useTranslation } from "i18nexus";

export default function MyComponent() {
  const { t, isReady } = useTranslation("docs-i18nexus");

  if (!isReady) return null;

  return <h1>{t("Welcome")}</h1>;
}