Yerelleştirme

Yerelleştirme

Yerleşik çevirilerle dApp'inizin dilini özelleştirme

Varsayılan olarak, RainbowKit İngilizce dili kullanıcıları için en-US yerelini destekler.

Mevcutsa, RainbowKit kullanıcının tercih ettiği dili algılar ve uygun çevirileri seçer. Geliştiriciler varsayılan dili her zaman geçersiz kılabilir.

Kullanıcılarınız için bir dil belirtmek istiyorsanız, RainbowKitProvider'da locale="zh-CN" propunu ekleyin.

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

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

RainbowKit'in yerelleştirme desteği Alt-yol Yönlendirme ile daha iyi çalışır.

Next.js projenizi aşağıdaki örnek gibi yapılandırın, bu da arama motorlarının ve kullanıcıların çok dilli desteğinizi daha iyi keşfetmelerine yardımcı olur.

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

Daha sonra Pages Router tarafından sağlanan localeyi RainbowKitProvider'a iletin.

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 için örneği burada bulabilirsiniz.

App Router henüz i18n desteği sunmuyor. next-intl aracı katmanıyla uygulama en iyi pratikleri için ayrı örneğimize buradan bakın.

dApp içeriğinizi tamamen yerelleştirme desteği için aynı teknikleri kullanmanız önerilir. i18n-js ve next-intl gibi yerelleştirme kütüphaneleri ve Crowdin gibi yönetim araçları bu süreci basitleştirecektir.

Aşağıdaki locale bölgeleri için tam destek sağlıyoruz:

Ek dil desteği görmek isterseniz, lütfen bir GitHub Tartışması başlatarak, bunu en kısa sürede desteklemeye çalışacağız.