지역화

지역화

기본 제공 번역을 사용하여 dApp의 언어 사용자 정의

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

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

사용자에게 언어를 지정하려면, RainbowKitProvider에 locale="zh-CN"을 prop로 추가하면 됩니다.

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

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

RainbowKit의 지역화 지원은 하위 경로 라우팅과 함께 사용하면 더욱 향상됩니다.

아래의 예와 같이 Next.js 프로젝트를 구성하여, /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를 위한 예를 참조하실 수 있습니다 here.

App Router는 아직 i18n을 지원하지 않습니다. next-intl 미들웨어를 사용한 구현의 최상의 사례를 위한 별도의 예제를 참조하십시오 here.

전체 지역화 지원을 위해 여러분의 dApp의 콘텐츠를 번역하기 위해 같은 기법을 사용하는 것이 추천됩니다. i18n-js 및 next-intl과 같은 지역화 라이브러리 및 Crowdin과 같은 관리 도구를 사용하면 이 과정을 단순화할 수 있습니다.

다음 locale 지역에 대해 전체 지원을 제공합니다:

추가적인 언어를 지원하려면 GitHub Discussion을 열어 주시면 가능한 빨리 지원하도록 노력하겠습니다.