현지화

현지화

내장 번역으로 dApp의 언어 사용자 정의

기본적으로 RainbowKit은 영어 사용자를 위한 en-US 로케일을 지원합니다.

가능한 경우, RainbowKit은 사용자의 선호 언어를 감지하여 적합한 번역을 선택합니다. 개발자는 기본 언어를 항상 재정의할 수 있습니다.

사용자에게 언어를 지정하기 위해 RainbowKitProvider의 속성으로 locale="zh-CN"을 추가하세요.

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);

RainbowKit의 현지화 지원은 서브 경로 라우팅과 함께 사용되면 더욱 향상됩니다.

사용자의 프로젝트를 아래 예시와 같이 구성하여, 검색 엔진과 사용자가 다국어 지원을 더 잘 발견할 수 있도록 /locale/ 서브 경로를 추가하세요.

// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}

그런 다음 Pages Router에서 제공하는 locale을 RainbowKitProvider에 전달하세요.

import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};

Pages Router의 예시는 여기에서 참조하실 수 있습니다.

앱 라우터는 아직 i18n을 지원하지 않습니다. next-intl 미들웨어를 사용하는 구현 모범 사례는 여기를 참조하십시오.

완전한 현지화 지원을 위해 dApp 콘텐츠를 번역할 때 같은 기법을 사용하는 것이 좋습니다. i18n-js와 같은 현지화 라이브러리와 Crowdin과 같은 관리 도구가 이 과정을 간소화 해줄 것입니다.

다음 locale 지역에 대한 완전한 지원을 제공합니다:

추가 언어 지원을 원하시면 GitHub 논의를 열어주세요. 가능하면 최대한 빨리 지원하도록 노력하겠습니다.