# gt-next: General Translation Next.js SDK: Compatibilidad con idiomas de derecha a izquierda
URL: https://generaltranslation.com/es/docs/next/guides/rtl.mdx
---
title: Compatibilidad con idiomas de derecha a izquierda
description: Configura tu aplicación Next.js para árabe, hebreo y otros idiomas RTL
---
La compatibilidad con idiomas de derecha a izquierda (RTL) maneja la dirección del texto y el espejado del diseño para idiomas como el árabe, el hebreo, el persa y el urdu. GT proporciona detección automática de la dirección mediante el hook `useLocaleDirection`.
**Idiomas RTL:** Más de 500 millones de personas hablan idiomas RTL, como el árabe, el hebreo, el persa y el urdu.
## Configuración rápida
Usa los hooks integrados de GT para detectar y establecer automáticamente la dirección del texto:
{/* useLocale and useLocaleDirection funcionan en componentes del servidor siempre que el componente no sea async */}
```tsx
// 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 de derecha a izquierda
return (
{children}
);
}
```
¡Eso es todo! GT detecta automáticamente los idiomas RTL y devuelve la dirección correcta.
Compara el [sitio web de General Translation](https://generaltranslation.com) en [inglés](https://generaltranslation.com/en-US/home) y en [árabe](https://generaltranslation.com/ar/home) para ver RTL en acción.