Lokalisierung

Lokalisierung

Anpassung der Sprache Ihrer dApp mit eingebauten Übersetzungen

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

Falls verfügbar, erkennt RainbowKit die bevorzugte Sprache des Nutzers und wählt die entsprechenden Übersetzungen. Entwickler können die Standard-Sprache immer überschreiben.

Um eine Sprache für Ihre Benutzer festzulegen, fügen Sie einfach locale="zh-CN" als Prop in Ihren RainbowKitProvider ein.

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 Sub-Pfade-Routing.

Konfigurieren Sie Ihr Next.js-Projekt wie im folgenden Beispiel, um einen optionalen /locale/-Unterpfad zu Ihren Routen hinzuzufügen, was 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 Pages-Router hier einsehen.

Der App-Router unterstützt i18n noch nicht. Sehen Sie sich unser separates Beispiel hier für die Implementierungsbest-Practices mit next-intl-Middleware an.

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

Wir bieten volle Unterstützung für die folgenden Locale-Regionen:

Wenn Sie Unterstützung für eine zusätzliche Sprache wünschen, eröffnen Sie bitte eine GitHub-Diskussion und wir werden uns bemühen, sie so schnell wie möglich zu unterstützen.