# gt-next: General Translation Next.js SDK: Примеры
URL: https://generaltranslation.com/ru/docs/next/tutorials/examples.mdx
---
title: Примеры
description: Примеры приложений Next.js с использованием gt-next для интернационализации
---

## Примеры паттернов

Каждый из этих примеров демонстрирует конкретную возможность или паттерн `gt-next`.

| Пример                                     | Описание                                                                                                       | Ссылки                                                                                                                                |
| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| **Базовое использование компонента `<T>`** | Оборачивайте JSX в `<T>` для автоматического перевода                                                          | [Demo](https://t-component-basics.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/t-component-basics)               |
| **Паттерн словаря**                        | Перевод по ключам с помощью `loadDictionary`, `useTranslations` и `getTranslations`                            | [Demo](https://dictionary-pattern.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/dictionary-pattern)               |
| **Динамический контент (`tx`)**            | Перевод динамического контента во время выполнения с помощью `tx()` и `<Tx>`                                   | [Demo](https://dynamic-content-tx.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/dynamic-content-tx)               |
| **Общие строки (`msg`)**                   | Общие строковые константы с `msg()`, которые разрешаются для каждой локали через `getMessages` и `useMessages` | [Demo](https://shared-strings-msg.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/shared-strings-msg)               |
| **Статическая генерация сайта**            | Предварительно рендерите каждую страницу для каждой локали на этапе сборки с помощью `generateStaticParams`    | [Demo](https://static-site-generation.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/static-site-generation)       |
| **Локальное хранение переводов**           | Включайте переводы в сборку с помощью паттерна `loadTranslations` — CDN не нужен во время выполнения           | [Demo](https://local-translation-storage.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/local-translation-storage) |
| **Метаданные сервера и SEO**               | Переведённые метаданные и OG-теги для многоязычного SEO                                                        | [Demo](https://server-metadata-seo.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/server-metadata-seo)             |

## Демонстрационные приложения

Полноценные приложения, демонстрирующие `gt-next` в реальных сценариях.

| Пример                       | Описание                                                                                                     | Ссылки                                                                                                                    |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
| **SaaS панель управления**   | Многостраничная административная панель управления с форматированием данных с учетом локали и поддержкой RTL | [Демо](https://saas-dashboard.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/saas-dashboard)           |
| **Airline booking**          | Многоязычное бронирование авиабилетов с ценами и датами с учетом локали                                      | [Демо](https://airline-booking.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/airline-booking)         |
| **Movie database**           | Многоязычный каталог фильмов на Next.js 15                                                                   | [Демо](https://movie-database.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/movie-database)           |
| **Recipe app**               | Каталог рецептов с количеством ингредиентов, температурами и размером порций с учетом локали                 | [Демо](https://recipe-app.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/recipe-app)                   |
| **Pricing page**             | Многоязычная страница тарифов SaaS                                                                           | [Демо](https://pricing-page.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/pricing-page)               |
| **Job board**                | Список вакансий с валютами, датами и формами множественного числа с учетом локали                            | [Демо](https://job-board.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/job-board)                     |
| **Developer portfolio**      | Многоязычное портфолио разработчика                                                                          | [Демо](https://developer-portfolio.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/developer-portfolio) |
| **Flight status**            | Трекер рейсов с табло Solari и визуализацией маршрутов                                                       | [Демо](https://flight-status.generaltranslation.dev) · [GitHub](https://github.com/gt-examples/flight-status)             |

<Callout>
  Смотрите все примеры на [app-catalog.generaltranslation.dev](https://app-catalog.generaltranslation.dev) или на [GitHub](https://github.com/gt-examples).
</Callout>

## Примеры из монорепозитория

Эти примеры доступны в монорепозитории [`generaltranslation/gt`](https://github.com/generaltranslation/gt/tree/main/examples).

| Пример                       | Описание                                                   | Ссылки                                                                                                                                   |
| ---------------------------- | ---------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| **Стартовый шаблон Next.js** | Стартовый шаблон для `gt-next`                             | [Demo](https://gt-next-starter.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-gt-starter)       |
| **create app для Next.js**   | Стандартный `create-next-app` с добавленным `gt-next`      | [Demo](https://next-create-app-eight.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-create-app) |
| **ИИ-чатбот**                | Многоязычный ИИ-чатбот на базе шаблона Vercel AI Chatbot   | [Demo](https://example-ai-chatbot-ten.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-chatbot)   |
| **Next.js SSG**              | Статически сгенерированное многоязычное приложение Next.js | [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-ssg)                                                           |
| **Pages Router**             | Pages Router в Next.js с `gt-react`                        | [Demo](https://next-pages-router.vercel.app) · [GitHub](https://github.com/generaltranslation/gt/tree/main/examples/next-pages-router)   |