# gt-next: General Translation Next.js SDK: 右から左へのサポート
URL: https://generaltranslation.com/ja/docs/next/guides/rtl.mdx
---
title: 右から左へのサポート
description: アラビア語、ヘブライ語、その他の RTL 言語向けに Next.js アプリを設定する
---
右から左 (RTL) 言語のサポートでは、アラビア語、ヘブライ語、ペルシャ語、ウルドゥー語などの言語におけるテキスト方向とレイアウトのミラーリングを扱います。GT は `useLocaleDirection` Hook により、方向を自動的に検出します。
**RTL 言語:** アラビア語、ヘブライ語、ペルシャ語、ウルドゥー語などの RTL 言語は、5 億人以上に話されています。
## クイックセットアップ
GTに組み込まれたHookを使用して、テキスト方向を自動的に検出して設定します。
{/* コンポーネントが async でなければ、useLocale と useLocaleDirection はサーバーコンポーネントでも動作します */}
```tsx
// app/[locale]/layout.tsx
import { useLocale, useLocaleDirection, GTProvider } from 'gt-next';
export default function RootLayout({ children }) {
const locale = useLocale(); // 例: アラビア語の場合は "ar"
const dir = useLocaleDirection(); // 例: 右から左（RTL）の場合は "rtl"
return (
{children}
);
}
```
以上です。GT は RTL 言語を自動的に検出し、正しい方向を返します。
RTL の動作を確認するには、[General Translation website](https://generaltranslation.com) の [English](https://generaltranslation.com/en-US/home) と [Arabic](https://generaltranslation.com/ar/home) を見比べてください。