Localisation

Localisation

Personnaliser la langue de votre dApp avec des traductions intégrées

Par défaut, RainbowKit prend en charge le paramètre régional en-US pour les utilisateurs anglophones.

Si disponible, RainbowKit détectera le langage préféré de l'utilisateur et choisira les traductions appropriées. Les développeurs peuvent toujours remplacer la langue par défaut.

Pour spécifier une langue pour vos utilisateurs, ajoutez simplement locale="zh-CN" comme une prop dans votre RainbowKitProvider

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

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

La prise en charge de la localisation de RainbowKit fonctionne encore mieux avec Sub-path Routing.

Configurez votre projet Next.js comme l'exemple ci-dessous pour ajouter un sous-chemin /locale/ facultatif à vos routes, ce qui aidera les moteurs de recherche et les utilisateurs à mieux découvrir votre support multilingue.

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

Puis passez le locale fourni par le Pages Router au 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>
  )
};

Vous pouvez faire référence à un exemple pour le Pages Router here.

App Router n'a pas encore de support i18n. Consultez notre exemple séparé here pour les meilleures pratiques de mise en œuvre avec le middleware next-intl.

Il est recommandé d'utiliser les mêmes techniques pour traduire le contenu de votre dApp pour un support complet de la localisation. Des bibliothèques de localisation comme i18n-js et next-intl et des outils de gestion comme Crowdin simplifieront ce processus.

Nous offrons une assistance complète pour les régions locale suivantes :

Si vous souhaitez voir une prise en charge supplémentaire pour une autre langue, veuillez ouvrir une Discussion GitHub et nous travaillerons pour la prendre en charge dès que possible.