Rainbow logo
RainbowKit
2.2.10

Localización

Localización

Personalizar el idioma de tu dApp con traducciones integradas

Por defecto, RainbowKit soporta la configuración regional en-US para usuarios de habla inglesa.

Si está disponible, RainbowKit detectará el idioma preferido del usuario y elegirá las traducciones apropiadas. Los desarrolladores siempre pueden sobrescribir el idioma por defecto.

Para especificar un idioma para tus usuarios, simplemente agrega locale="zh-CN" como una propiedad en tu RainbowKitProvider.

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
export const App = () => (
<RainbowKitProvider locale="zh-CN" {...etc}>
{/* Your App */}
</RainbowKitProvider>
);

El soporte de localización de RainbowKit funciona aún mejor con Sub-path Routing.

Configura tu proyecto Next.js como el ejemplo a continuación para agregar una subruta opcional /locale/ a tus rutas, lo cual ayudará a los motores de búsqueda y usuarios a descubrir mejor tu soporte multilingüe.

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

Después, pasa el locale proporcionado por el Pages Router al 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>
)
};

Puedes consultar un ejemplo para Pages Router aquí.

App Router todavía no soporta i18n. Consulta nuestro ejemplo separado aquí para las mejores prácticas de implementación con el middleware next-intl.

Se recomienda que utilices las mismas técnicas para traducir el contenido de tu dApp para un soporte de localización completo. Las librerías de localización como i18n-js y next-intl y herramientas de gestión como Crowdin simplificarán este proceso.

Ofrecemos soporte completo para las siguientes regiones locale:

IdiomaRegiónLocaleAbreviatura

English

United States 🇺🇸

en-USen

中文

Mainland China 🇨🇳

zh-CNzh-Hans

zh

繁體中文

Hong Kong 🇭🇰

zh-HK

繁體中文

Taiwan 🇹🇼

zh-TWzh-Hant

हिंदी

India 🇮🇳

hi-INhi

Español

América Latina 🌎

es-419es

Français

France 🇫🇷

fr-FRfr

العربية

Middle East 🌍

ar-ARar

Português

Brazil 🇧🇷

pt-BRpt

Русский

Russia 🇷🇺

ru-RUru

Bahasa Indonesia

Indonesia 🇮🇩

id-IDid

日本語

Japan 🇯🇵

ja-JPja

Türkçe

Turkey 🇹🇷

tr-TRtr

한국어

South Korea 🇰🇷

ko-KRko

ภาษาไทย

Thailand 🇹🇭

th-THth

українська

Ukraine 🇺🇦

uk-UAua

Tiếng Việt

Vietnam 🇻🇳

vi-VNvi

Deutsch

Germany 🇩🇪

de-DEde

Bahasa Melayu

Malaysia 🇲🇾

ms-MYms

Si deseas ver soporte para un idioma adicional, por favor abre un GitHub Discussion y trabajaremos para soportarlo lo antes posible.