/i18nexus 문서
i18

i18nexus 라이브러리

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

📦설치

npm install i18nexus

또는 yarn 사용: yarn add i18nexus

핵심 기능

🚀빠른 시작

1. I18nProvider 설정

// app/layout.tsx
import { I18nProvider } from "i18nexus";
import { translations } from "@/lib/i18n";

export default function RootLayout({ children }) {
  return (
    <I18nProvider initialLanguage="ko" translations={translations}>
      {children}
    </I18nProvider>
  );
}

2. 컴포넌트에서 사용

"use client";
import { useTranslation, useLanguageSwitcher } from "i18nexus";
import { useLanguageSwitcher } from "i18nexus";

export default function MyComponent() {
  const { t } = useTranslation("docs-i18nexus");
  const { currentLanguage, changeLanguage } = useLanguageSwitcher();
  
  return (
    <div>
      <h1>{t("Welcome")}</h1>
      <button onClick={() => changeLanguage("en")}>
        English
      </button>
    </div>
  );
}
Firebase 연결 확인 중...
i18nexus Library Documentation