右から左へのサポート
アプリケーションに右から左（RTL）サポートを追加するためのステップバイステップガイド
概要
ほとんどの言語は左から右（LTR）に書かれますが、一部の言語は右から左（RTL）に書かれます。 これらの言語にはアラビア語、ヘブライ語、ペルシャ語、ウルドゥー語が含まれており、世界中で合計5億人以上の話者がいます。
LTRとRTLの表示の違いを示すために、英語とアラビア語のGeneral Translationのランディングページを見てみましょう。
Guide
アプリケーションにRTLサポートを追加するには、言語の方向を判定し、それに応じて画面上のテキストの方向を設定するだけです。
generaltranslationライブラリのgetLocaleDirection()関数を使用して、言語が"rtl"または"ltr"のどちらかを判定できます。
getLocale()関数を使用してルートレイアウトでロケールを取得し、<html>タグにlangとdirプロパティを追加します：
import { getLocale } from 'gt-next'
import { getLocaleDirection } from 'generaltranslation';
export default async function RootLayout({ children }) {
const locale = await getLocale(); // e.g. "ar" for Arabic
const dir = getLocaleDirection(locale); // e.g. "rtl" for "right-to-left"
return (
<html lang={locale} dir={dir}>
<body>
{children}
</body>
</html>
)
}このガイドはいかがですか？