Lokalisierung

Lokalisierung

Anpassung der Sprache Ihrer dApp mit eingebauten Übersetzungen

Standardmäßig unterstützt RainbowKit das en-US-Gebietsschema für englischsprachige Benutzer.

Wenn verfügbar, erkennt RainbowKit die bevorzugte Sprache des Benutzers und wählt die entsprechenden Übersetzungen. Entwickler können die Standardsprache jederzeit überschreiben.

Um eine Sprache für Ihre Benutzer anzugeben, fügen Sie einfach locale="zh-CN" als Prop in Ihrem RainbowKitProvider hinzu

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

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

Die Lokalisierungsunterstützung von RainbowKit funktioniert noch besser mit der Sub-Pfad-Routing.

Konfigurieren Sie Ihr Next.js-Projekt wie im folgenden Beispiel, um einen optionalen /locale/-Sub-Pfad zu Ihren Routen hinzuzufügen, der Suchmaschinen und Benutzern hilft, Ihre mehrsprachige Unterstützung besser zu entdecken.

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

Übergeben Sie dann das vom Pages Router bereitgestellte locale an den 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>
  )
};

Sie können ein Beispiel für den Seitenrouter hier einsehen.

App-Router unterstützt i18n noch nicht. Sehen Sie sich unser separates Beispiel hier für bewährte Verfahren mit dem next-intl-Middleware an.

Es wird empfohlen, die gleichen Techniken zu verwenden, um den Inhalt Ihrer dApp für eine vollständige Lokalisierungsunterstützung zu übersetzen. Lokalisierungsbibliotheken wie i18n-js und next-intl und Verwaltungswerkzeuge wie Crowdin werden diesen Prozess vereinfachen.

Wir bieten vollständige Unterstützung für die folgenden locale-Regionen an:

Wenn Sie Unterstützung für eine zusätzliche Sprache sehen möchten, eröffnen Sie bitte eine GitHub-Diskussion und wir werden daran arbeiten, sie so schnell wie möglich zu unterstützen.