स्थानीयकरण

स्थानीयकरण

बिल्ट-इन अनुवाद के साथ अपने dApp की भाषा कस्टमाइज करना

डिफ़ॉल्ट रूप से, RainbowKit अंग्रेजी भाषा के उपयोगकर्ताओं के लिए en-US लोकेल का समर्थन करता है।

यदि उपलब्ध हो, तो RainbowKit उपयोगकर्ता की पसंदीदा भाषा का पता लगा लेगा और उपयुक्त अनुवाद चुनेगा। डेवलपर्स हमेशा डिफ़ॉल्ट भाषा को ओवरराइड कर सकते हैं।

अपने उपयोगकर्ताओं के लिए एक भाषा निर्दिष्ट करने के लिए, बस locale="zh-CN" को अपने RainbowKitProvider में एक 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 के लिए एक उदाहरण का संदर्भ ले सकते हैं यहाँ।

एप राउटर अभी तक i18n का समर्थन नहीं करता है। अलग-अलग उदाहरण का संदर्भ लें यहाँ next-intl मिडलवेयर के साथ सर्वश्रेष्ठ प्रथाओं के लिए।

यह अनुशंसा की जाती है कि आप पूर्ण स्थानीयकरण समर्थन के लिए अपने dApp की सामग्री को अनुवाद करने के लिए समान तकनीकों का उपयोग करें। ऐसे स्थानीयकरण पुस्तकालय जैसे i18n-js और next-intl और प्रबंधन उपकरण जैसे Crowdin इस प्रक्रिया को सरल बनाएंगे।

हम निम्नलिखित locale क्षेत्रों के लिए पूर्ण समर्थन प्रदान करते हैं:

यदि आप एक अतिरिक्त भाषा के लिए समर्थन देखना चाहते हैं, तो कृपया एक GitHub चर्चा खोलें और हम इसे जितनी जल्दी संभव हो सके समर्थन करने का काम करेंगे।