# General Translation React SDKs (gt-react, gt-next): Next.js
URL: https://generaltranslation.com/ru/docs/react/nextjs.mdx
---

title: Next.js
description: Изучите возможности General Translation для Next.js, включая серверные компоненты, серверные функции, плагин конфигурации, middleware, регистрацию локали запроса и локализованную навигацию.

---

`gt-next` использует те же компоненты, хуки и конфигурацию, что и остальная React-экосистема General Translation, но Next.js добавляет несколько возможностей, которых нет ни в одном другом фреймворке. Эти страницы посвящены функциям, которые относятся только к `gt-next`.

Если вы только начинаете, следуйте [Quickstart для Next.js App Router](/docs/react/nextjs-quickstart) или [Quickstart для Next.js Pages Router](/docs/react/nextjs-pages-router-quickstart). Общие [Руководства](/docs/react/guides/configuring) и [Справочник](/docs/react/reference/config) охватывают всё, что работает одинаково во всех фреймворках; страницы здесь посвящены только возможностям Next.js.

## Что специфично для Next.js [#overview]

Большая часть `gt-next` — это общий API React. Только в Next.js доступны следующие возможности:

* **Серверные компоненты.** В App Router компонент [`<T>`](/docs/react/reference/components/t) и хуки перевода работают в синхронных React Server Components без директивы `'use client'`. Асинхронные компоненты используют функции из `gt-next/server`. См. [Серверные компоненты](/docs/react/nextjs/server-components).
* **Серверные функции.** Точка входа `gt-next/server`, доступная только в App Router, предоставляет асинхронные функции, такие как [`getGT`](/docs/react/nextjs/reference/functions/get-gt), [`getLocale`](/docs/react/nextjs/reference/functions/get-locale) и [`getRegion`](/docs/react/nextjs/reference/functions/get-region).
* **Плагин конфигурации.** `withGTConfig` из `gt-next/config` подключает интернационализацию к сборке через `next.config`. См. [Конфигурация](/docs/react/nextjs/config).
* **Middleware.** `gt-next/middleware` добавляет маршрутизацию по локалям и определение локали с использованием локализованных URL-путей. См. руководство для [App Router](/docs/react/nextjs/app-router-middleware) или [Pages Router](/docs/react/nextjs/pages-router-middleware).
* **Регистрация локали запроса.** Обработчики маршрутов и сгенерированные изображения метаданных регистрируют локали перед вызовом серверных функций App Router. См. [Регистрация локалей запроса](/docs/react/nextjs/registering-request-locales).
* **Локализованная навигация.** Компонент `<Link>` из `gt-next/link` добавляет префикс активной локали к внутренним `href`. См. [Локализованная навигация](/docs/react/nextjs/link).

## Страницы [#pages]

| Страница                                                                                      | Описание                                                                                      |
| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| [Серверные компоненты](/docs/react/nextjs/server-components)                                  | Перевод в React серверных компонентах и особенности поведения на сервере и клиенте.           |
| [`getGT`](/docs/react/nextjs/reference/functions/get-gt)                                      | Начните со справки по функции `gt-next/server`, доступной только для App Router.              |
| [Конфигурация](/docs/react/nextjs/config)                                                     | Плагин `withGTConfig`, его параметры и локальные переводы в сравнении с переводами через CDN. |
| [App Router middleware](/docs/react/nextjs/app-router-middleware)                             | Маршрутизация по локалям и сегмент `app/[locale]`.                                            |
| [Registering request locales](/docs/react/nextjs/registering-request-locales)                 | Регистрация контекста локали в Route Handlers и сгенерированных метаданных.                   |
| [Pages Router middleware](/docs/react/nextjs/pages-router-middleware)                         | Маршрутизация по локалям и сегмент `pages/[locale]`.                                          |
| [App Router static site generation](/docs/react/nextjs/app-router-static-site-generation)     | Предварительно отрендерьте один маршрут App Router для каждой локали.                         |
| [Pages Router static site generation](/docs/react/nextjs/pages-router-static-site-generation) | Предварительный рендеринг страниц Pages Router с помощью `withGTStaticProps`.                 |
| [Локализованная навигация](/docs/react/nextjs/link)                                           | Компонент `<Link>` с поддержкой локалей из `gt-next/link`.                                    |