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>
);
}