---
createdAt: 2025-02-07
updatedAt: 2025-06-29
title: "Документація Intlayer. Повний посібник з i18n для JavaScript"
description: "Повна документація для Intlayer, сучасної бібліотеки інтернаціоналізації для JavaScript, React, Next.js, Express та інших фреймворків."
keywords:
  - intlayer
  - інтернаціоналізація
  - i18n
  - JavaScript
  - React
  - Next.js
  - документація
  - переклад
  - багатомовність
slugs:
  - doc
  - index
history:
  - version: 5.5.10
    date: 2025-06-29
    changes: Ініціалізація історії
---

# Документація Intlayer

Ласкаво просимо до офіційної документації **Intlayer**! Тут ви знайдете все необхідне для інтеграції, налаштування та опанування Intlayer для всіх ваших потреб у міжнародній локалізації (i18n), незалежно від того, чи ви працюєте з **Next.js**, **React**, **Vite**, **Express** або іншим JavaScript‑середовищем.

Intlayer пропонує гнучкий, сучасний підхід до перекладу вашого застосунку. Наші документи проведуть вас від встановлення та налаштування до розширених можливостей, таких як **AI-powered translation**, визначення **TypeScript** та підтримка **server component**, що дає змогу створити безшовний багатомовний досвід.

---

## Початок роботи

- **[Вступ](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/introduction.md)**  
  Отримайте огляд того, як працює Intlayer, його основних функцій і чому він змінює підхід до i18n.

- **[Як працює Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/how_works_intlayer.md)**  
  Зануртеся в архітектурний дизайн і дізнайтеся, як Intlayer обробляє все, від оголошення контенту до доставки перекладів.

- **[Конфігурація](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md)**  
  Налаштуйте Intlayer відповідно до потреб вашого проєкту. Дослідіть параметри middleware, структуру директорій і розширені налаштування.

- **[Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/cli/index.md)**  
  Керуйте контентом та перекладами за допомогою нашого інструмента командного рядка. Дізнайтеся, як відправляти й отримувати контент, автоматизувати переклади та інше.

- **[Редактор Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_visual_editor.md)**  
  Спрощуйте співпрацю з нерозробниками та підсилюйте свої переклади за допомогою AI, безпосередньо в нашому безкоштовному інтуїтивному CMS.

---

## Основні поняття

### Словник

Організуйте багатомовний контент поруч із кодом, щоб усе було послідовним та зручним для підтримки.

- **[Почати роботу](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/content_file.md)**  
  Вивчіть основи оголошення контенту в Intlayer.

- **[Переклад](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/translation.md)**  
  Зрозумійте, як переклади генеруються, зберігаються та використовуються у вашому застосунку.

- **[Перелічення](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/enumeration.md)**  
  Легко керуйте повторюваними або фіксованими наборами даних у різних мовах.

- **[Умова](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/condition.md)**  
  Дізнайтеся, як використовувати умовну логіку в Intlayer для створення динамічного контенту.

- **[Гендер](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/gender.md)**  
  Дізнайтеся, як використовувати гендерну логіку в Intlayer для створення динамічного контенту.

- **[Вставка](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/insertion.md)**
  Дізнайтеся, як вставляти значення в рядок, використовуючи плейсхолдери вставки.

- **[Отримання за допомогою функції](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/function_fetching.md)**  
  Перегляньте, як динамічно отримувати вміст за допомогою кастомної логіки, що відповідає робочому процесу вашого проєкту.

- **[Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/markdown.md)**  
  Дізнайтеся, як використовувати Markdown в Intlayer для створення багатого контенту.

- **[Вбудовування файлів](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/file.md)**  
  Дізнайтеся, як вбудовувати зовнішні файли в Intlayer для використання їх у редакторі контенту.

- **[Вкладення](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/nesting.md)**  
  Дізнайтеся, як вкладати контент в Intlayer, щоб створювати складні структури.

---

## Середовища та інтеграції

Ми створили Intlayer з думкою про гнучкість, забезпечуючи безшовну інтеграцію з популярними фреймворками та інструментами збірки:

- **[Intlayer with Next.js 16](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nextjs_16.md)**
- **[Intlayer with Next.js 15](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nextjs_15.md)**
- **[Intlayer with Next.js 14 (App Router)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nextjs_14.md)**
- **[Intlayer with Next.js Page Router](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nextjs_page_router.md)**
- **[Intlayer з React (Create React App)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_create_react_app.md)**
- **[Intlayer з Vite + React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_vite+react.md)**
- **[Intlayer з React Router v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_react_router_v7.md)**
- **[Intlayer з React Router v7 (fs routes)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_react_router_v7_fs_routes.md)**
- **[Intlayer з Tanstack Start](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_tanstack.md)**
- **[Intlayer з React Native та Expo](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_react_native+expo.md)**
- **[Intlayer з Lynx та React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_lynx+react.md)**
- **[Intlayer з Vite + Preact](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_vite+preact.md)**
- **[Intlayer з Vite + Vue](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_vite+vue.md)**
- **[Intlayer з Nuxt](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nuxt.md)**
- **[Intlayer з Express](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_express.md)**
- **[Intlayer з NestJS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_nestjs.md)**
- **[Intlayer з Angular](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_angular.md)**

Кожне керівництво по інтеграції містить найкращі практики використання можливостей Intlayer, таких як **server-side rendering**, **dynamic routing** або **client-side rendering**, щоб ви могли підтримувати швидкий, SEO-дружній і високо масштабований застосунок.

---

## Пакети

Модульна архітектура Intlayer пропонує спеціалізовані пакети для певних середовищ і потреб:

### `intlayer`

Основні утиліти для налаштування та керування вашою i18n-конфігурацією.

- **[getConfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getConfiguration.md)**
- **[getHTMLTextDir](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getHTMLTextDir.md)**
- **[getLocaleLang](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getLocaleLang.md)**
- **[getLocaleName](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getLocaleName.md)**
- **[getLocalizedUrl](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getLocalizedUrl.md)**
- **[getMultilingualUrls](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getMultilingualUrls.md)**
- **[getPathWithoutLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getPathWithoutLocale.md)**
- **[getTranslation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getTranslation.md)**
- **[getEnumeration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/intlayer/getEnumeration.md)**

### `express-intlayer`

Використовуйте Intlayer у додатках на базі **Express**:

- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/express-intlayer/t.md)**  
  Мінімалістичний, простий helper для перекладів у ваших server routes і views.

### `react-intlayer`

Покращіть ваші додатки на **React** за допомогою потужних hooks:

- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/t.md)**
- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useIntlayer.md)**
- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useDictionary.md)**
- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useLocale.md)**

### `next-intlayer`

Безшовна інтеграція з **Next.js**:

- **[t](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/next-intlayer/t.md)**
- **[useIntlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/next-intlayer/useIntlayer.md)**
- **[useDictionary](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/next-intlayer/useDictionary.md)**
- **[useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/next-intlayer/useLocale.md)**

---

## Додаткові ресурси

- **[Blog: Intlayer and i18next](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_with_i18next.md)**  
  Дізнайтеся, як Intlayer доповнює та порівнюється з популярною бібліотекою **i18next**.

- **[Live Tutorial on YouTube](https://youtu.be/W2G7KxuSD4c?si=GyU_KpVhr61razRw)**  
  Перегляньте повний демонстраційний відео та дізнайтеся, як інтегрувати Intlayer у режимі реального часу.

---

## Внесок і відгуки

Ми цінуємо силу відкритого коду та розробки, що керується спільнотою. Якщо ви хочете запропонувати покращення, додати новий посібник або виправити помилки в нашій документації, не соромтеся надіслати Pull Request або відкрити issue у нашому [репозиторії GitHub](https://github.com/aymericzip/intlayer/blob/main/docs/docs).

**Готові перекладати ваш додаток швидше та ефективніше?** Ознайомтеся з нашою документацією, щоб почати використовувати Intlayer вже сьогодні. Відчуйте надійний, оптимізований підхід до інтернаціоналізації, який допомагає тримати контент організованим і підвищує продуктивність вашої команди.
