# General Translation React SDKs (gt-react, gt-next, gt-react-native): getTranslations
URL: https://generaltranslation.com/ja/docs/react/nextjs/reference/functions/get-translations.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: General Translation で非同期の Next.js App Router コンポーネントから辞書翻訳を参照します。getTranslations の API リファレンス。

`getTranslations` 関数は、現在の App Router リクエストに対応する非同期の辞書参照関数を返します。非同期コンポーネントで [`useTranslations`](/docs/react/reference/hooks/use-translations) を使えない場合は、`gt-next/server` からインポートします。

`getTranslations` はサーバー専用で、Pages Router では動作しません。

## 概要 [#overview]

```tsx
import { getTranslations } from 'gt-next/server';

const t = await getTranslations();
const heading = t('home.heading');
```

## パラメータ [#parameters]

| パラメータ    | 説明                    | 型        | 任意 | 既定値 |
| -------- | --------------------- | -------- | -- | --- |
| `rootId` | 各辞書の id に付与するプレフィックス。 | `string` | はい | —   |

## 戻り値 [#returns]

**型** `Promise<(id: string, options?: DictionaryTranslationOptions) => string>`

解決後に得られる関数は、id に対応する翻訳済みの辞書エントリを返し、[`DictionaryTranslationOptions`](/docs/react/reference/types/dictionary-translation-options) を受け取ります。さらに、ネストされた辞書オブジェクト向けの `.obj(id)` も利用できます。

## 例 [#example]

```tsx title="app/account/page.tsx"
import { getTranslations } from 'gt-next/server';

export default async function AccountPage() {
  const t = await getTranslations('account');
  return <h1>{t('heading')}</h1>;
}
```

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.