Localisation

Localisation

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

Par défaut, RainbowKit prend en charge la localisation en-US pour les utilisateurs anglophones.

Si disponible, RainbowKit détectera la langue préférée 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 prop dans votre RainbowKitProvider.

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

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

Le support de localisation de RainbowKit fonctionne encore mieux avec le Routing par sous-chemin.

Configurez votre projet Next.js comme l'exemple ci-dessous pour ajouter un sous-chemin /locale/ optionnel à 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',
  },
}

Passez ensuite la locale fournie 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 consulter un exemple pour le Pages Router ici.

Le App Router ne supporte pas encore l'i18n. Consultez notre exemple séparé ici pour les meilleures pratiques d'implémentation avec le middleware next-intl.

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

Nous offrons un support complet pour les régions de locales suivantes :

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