Rainbow logo
RainbowKit
2.2.0

ローカリゼーション

ローカリゼーション

組込み翻訳を使って自分のdAppの言語をカスタマイズする

デフォルトでは、RainbowKitは英語使用者のためのen-USロケールをサポートしています。

利用可能であれば、RainbowKitはユーザーの優先言語を検出し、適切な翻訳を選択します。 開発者は常にデフォルトの言語を上書きできます。

ユーザーに言語を指定するには、RainbowKitProviderlocale="zh-CN"プロップを追加するだけです

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によって提供されたlocaleRainbowKitProviderに渡します

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をサポートしていません。 実装のベストプラクティスについては、別の例を参照してください herenext-intlのミドルウェアについて。

完全なローカリゼーションサポートのために、同じ技術を使用してdAppのコンテンツを翻訳することが推奨されます。 i18n-jsnext-intlのようなローカリゼーションライブラリとCrowdinのような管理ツールは、このプロセスを簡素化します。

以下のlocale地域に対して完全なサポートを提供します:

言語地域ロケール短縮形

English

United States 🇺🇸

en-USen

中文

Mainland China 🇨🇳

zh-CNzh-Hans

zh

繁體中文

Hong Kong 🇭🇰

zh-HK

繁體中文

Taiwan 🇹🇼

zh-TWzh-Hant

हिंदी

India 🇮🇳

hi-INhi

Español

Latin America 🌎

es-419es

Français

France 🇫🇷

fr-FRfr

العربية

Middle East 🌍

ar-ARar

Português

Brazil 🇧🇷

pt-BRpt

Русский

Russia 🇷🇺

ru-RUru

Bahasa Indonesia

Indonesia 🇮🇩

id-IDid

日本語

Japan 🇯🇵

ja-JPja

Türkçe

Turkey 🇹🇷

tr-TRtr

한국어

South Korea 🇰🇷

ko-KRko

ภาษาไทย

Thailand 🇹🇭

th-THth

українська

Ukraine 🇺🇦

uk-UAua

追加の言語のサポートを希望する場合は、GitHub Discussionを開いてください。できるだけ早くサポートできるように取り組みます。