# gt-next: General Translation Next.js SDK: Использование компонента URL: https://generaltranslation.com/ru/docs/next/tutorials/examples/currency-converter/t.mdx --- title: Использование компонента description: Давайте займёмся переводом! --- ## Обзор Наконец-то пора заняться переводом! После настройки компонентов `` вы сможете перевести приложение на любой нужный вам язык! По сути, здесь всего два шага: Добавить компонент `` Добавить компонент `` ## Добавьте компонент `` Сначала добавьте в приложение компонент ``. Это нужно сделать только один раз. ```jsx title="src/app/layout.tsx" copy import { GTProvider } from 'gt-next' // [!code highlight] ... export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( // [!code highlight] {children} // [!code highlight] ); } ``` **Зачем нужен компонент ``?** Компонент `` отвечает за передачу переводов с сервера на клиент. Если вы хотите отрисовать компонент `` на стороне клиента, его нужно обернуть в ``. Подробнее о компоненте `` читайте [здесь](/docs/next/api/components/gtprovider). ## Добавьте компонент `` Вот и та часть, которую вы так ждали... Теперь достаточно поставить `` в начале содержимого и закрывающий `` в конце. Не забудьте добавить уникальную строку-идентификатор, которая будет служить id перевода. ```jsx title="src/app/page.tsx" copy import { T } from 'gt-next' // [!code highlight] ... function Page() { ... return ( // [!code highlight] ... // [!code highlight] ); } export default Page; ``` Вот и всё! Теперь вы готовы приступить к переводу своего приложения!