Prise en charge de l'écriture de droite à gauche

Configurez votre application Next.js pour l’arabe, l’hébreu et d’autres langues RTL

La prise en charge des langues s’écrivant de droite à gauche (RTL) gère le sens d’écriture et la mise en miroir de la mise en page pour des langues comme l’arabe, l’hébreu, le persan et l’ourdou. GT fournit une détection automatique de la direction via le hook useLocaleDirection.

Langues RTL : Plus de 500 millions de personnes parlent des langues RTL, dont l’arabe, l’hébreu, le persan et l’ourdou.

Configuration rapide

Utilisez les hooks intégrés de GT pour détecter et définir automatiquement la direction du texte :

// app/[locale]/layout.tsx
import { useLocale, useLocaleDirection, GTProvider } from 'gt-next';

export default function RootLayout({ children }) {
  const locale = useLocale(); // ex. "ar" pour l'arabe
  const dir = useLocaleDirection(); // ex. "rtl" pour de droite à gauche

  return (
    <html lang={locale} dir={dir}>
      <body> 
        <GTProvider>
          {children}
        </GTProvider>
      </body>
    </html>
  );
}

C’est tout ! GT détecte automatiquement les langues RTL et applique la bonne direction.

Comparez avec le site de General Translation en anglais et en arabe pour voir le RTL en action.

Que pensez-vous de ce guide ?

Sur cette page

Prise en charge de l'écriture de droite à gauche