Compatibilidad con escritura de derecha a izquierda
Configura tu app de Next.js para árabe, hebreo y otros idiomas RTL
La compatibilidad con idiomas de derecha a izquierda (RTL) gestiona la dirección del texto y el espejo del diseño para idiomas como árabe, hebreo, persa y urdu. GT ofrece detección automática de la dirección mediante el hook useLocaleDirection.
Idiomas RTL: Más de 500 millones de personas hablan idiomas RTL, incluidos el árabe, el hebreo, el persa y el urdu.
Configuración rápida
Utiliza los hooks integrados de GT para detectar y configurar automáticamente la dirección del texto:
// app/[locale]/layout.tsx
import { useLocale, useLocaleDirection, GTProvider } from 'gt-next';
export default function RootLayout({ children }) {
const locale = useLocale(); // p. ej. "ar" para árabe
const dir = useLocaleDirection(); // p. ej. "rtl" para derecha a izquierda
return (
<html lang={locale} dir={dir}>
<body>
<GTProvider>
{children}
</GTProvider>
</body>
</html>
);
}¡Listo! GT detecta automáticamente los idiomas RTL y aplica la dirección correcta.
Compáralo con el sitio web de General Translation en inglés y en árabe para ver RTL en acción.
¿Qué te ha parecido esta guía?