# gt-next: General Translation Next.js SDK: 从右到左支持
URL: https://generaltranslation.com/zh/docs/next/guides/rtl.mdx
---
title: 从右到左支持
description: 为阿拉伯语、希伯来语及其他 RTL 语言配置您的 Next.js 应用
---
从右到左 (RTL) 语言支持用于处理阿拉伯语、希伯来语、波斯语和乌尔都语等语言的文本方向与布局镜像。GT 通过 `useLocaleDirection` 钩子提供自动方向检测。
**RTL 语言：** 全球超过 5 亿人使用 RTL 语言，包括阿拉伯语、希伯来语、波斯语和乌尔都语。
## 快速设置
使用 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"
return (
{children}
);
}
```
就是这样！GT 会自动检测 RTL 语言，并返回正确的文本方向。
对比 [General Translation 网站](https://generaltranslation.com) 的[英文版](https://generaltranslation.com/en-US/home)和[阿拉伯文版](https://generaltranslation.com/ar/home)，即可直观看到 RTL 的实际效果。