@intlayer/docs 7.5.12 → 7.5.14

package/docs/uk/how_works_intlayer.md

@@ -0,0 +1,256 @@
+---
+createdAt: 2024-08-12
+updatedAt: 2025-06-29
+title: Як працює Intlayer
+description: Дізнайтеся, як Intlayer працює всередині. Зрозумійте архітектуру та компоненти, що роблять Intlayer потужним.
+keywords:
+  - Intlayer
+  - Як це працює
+  - Архітектура
+  - Компоненти
+  - Внутрішні механізми
+slugs:
+  - doc
+  - concept
+  - how-works-intlayer
+history:
+  - version: 5.5.10
+    date: 2025-06-29
+    changes: Ініціалізація історії
+---
+
+# Як працює Intlayer
+
+## Зміст
+
+<TOC/>
+
+## Огляд
+
+Головна ідея Intlayer — застосувати керування контентом на рівні компонентів. Іншими словами, Intlayer дозволяє вам декларувати контент будь-де у вашому codebase, наприклад у тій самій директорії, що й компонент.
+
+```bash
+.
+└── Components
+    └── MyComponent
+        ├── index.content.ts
+        └── index.tsx
+```
+
+Для цього роль Intlayer полягає в тому, щоб знайти всі ваші `content declaration files` у всіх доступних форматах у проєкті, а потім згенерувати з них `dictionaries`.
+
+Отже, є два основні етапи:
+
+- Етап побудови
+- Етап інтерпретації
+
+### Етап побудови словників
+
+Етап побудови можна виконати трьома способами:
+
+- за допомогою CLI з `npx intlayer build`
+- використовуючи [розширення VS Code](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/vs_code_extension.md)
+- using the app plugins such as [`vite-intlayer` package](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/vite-intlayer/index.md), or their equivalents for [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/next-intlayer/index.md). When you use one of those plugins, Intlayer will automatically build your dictionaries when you start (dev) or build (prod) your application.
+
+1. Declaration of content files
+   - Content files can be defined in various formats, such as TypeScript, ECMAScript, CommonJS, or JSON.
+   - Файли контенту можуть бути визначені в будь-якому місці проєкту, що дозволяє кращу підтримку та масштабованість. Важливо дотримуватися конвенцій щодо розширень файлів контенту. Це розширення за замовчуванням — `*.content.{js|cjs|mjs|ts|tsx|json}`, але його можна змінити у [файлі конфігурації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md).
+
+2. Генерація `dictionaries`
+   - Словники генеруються з файлів контенту. За замовчуванням словники Intlayer створюються в директорії `.intlayer/dictionaries` проєкту.
+   - Ці словники генеруються в різних форматах, щоб задовольнити всі потреби та оптимізувати продуктивність застосунку.
+
+3. Генерація типів словників
+
+На основі ваших `dictionaries` Intlayer згенерує типи, щоб зробити їх доступними у вашому застосунку.
+
+- Типи словників генеруються з файлів оголошень вмісту Intlayer (`content declaration files`). За замовчуванням типи словників Intlayer генеруються в директорії `.intlayer/types` проєкту.
+
+- Intlayer [module augmentation](https://www.typescriptlang.org/docs/handbook/declaration-merging.html) — це можливість TypeScript, яка дозволяє визначати додаткові типи для Intlayer. Це спрощує досвід розробки, підказуючи доступні або обов'язкові аргументи.
+  Серед згенерованих типів, типи словників Intlayer або навіть типи конфігурації мов додаються до файлу `types/intlayer.d.ts` і використовуються іншими пакетами. Для цього необхідно, щоб файл `tsconfig.json` був налаштований на включення директорії `types` проекту.
+
+### Крок інтерпретації словників
+
+За допомогою Intlayer ви будете отримувати доступ до вашого контенту в застосунку, використовуючи хук `useIntlayer`.
+
+```tsx
+const MyComponent = () => {
+  const content = useIntlayer("my-component");
+  return <div>{content.title}</div>;
+};
+```
+
+Цей хук керуватиме визначенням локалі за вас і повертатиме контент для поточної локалі. Використовуючи цей хук, ви також зможете інтерпретувати markdown, керувати pluralization та багато іншого.
+
+> Щоб побачити всі можливості Intlayer, ви можете прочитати [документацію словників](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/content_file.md).
+
+## Віддалений контент
+
+Intlayer дозволяє оголошувати контент локально, а потім експортувати його до CMS, щоб зробити його редагованим для вашої нетехнічної команди.
+
+Таким чином ви зможете відправляти (push) та отримувати (pull) контент між CMS та вашим додатком, подібно до того, як ви працюєте з Git для вашого коду.
+
+Для зовнішніх словників, які використовують CMS, Intlayer виконує базову операцію fetch для отримання віддалених словників і об'єднує їх з локальними. Якщо це налаштовано в проекті, Intlayer автоматично керуватиме отриманням контенту з CMS під час запуску додатка (dev) або під час збірки (prod).
+
+## Візуальний редактор
+
+Intlayer також надає візуальний редактор, щоб дозволити редагувати ваш контент у візуальний спосіб. Цей [візуальний редактор](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_visual_editor.md) доступний у зовнішньому пакеті `intlayer-editor`.
+
+![visual editor](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.gif?raw=true)
+
+- Сервер — це проста Express-аплікація, яка прослуховує запити від клієнта та отримує вміст вашого застосунку, такий як `dictionaries`, і конфігурацію, щоб зробити їх доступними на стороні клієнта.
+- З іншого боку, клієнт — це React-аплікація, яка використовується для взаємодії з вашим контентом за допомогою візуального інтерфейсу.
+
+Коли ви викликаєте свій контент за допомогою `useIntlayer` і редактор увімкнений, він автоматично обгортає ваші рядки об'єктом Proxy з ім'ям `IntlayerNode`. Цей вузол використовує `window.postMessage` для зв'язку з вкладеним iframe, що містить інтерфейс візуального редактора.
+На стороні редактора він прослуховує ці повідомлення та імітує реальну взаємодію з вашим контентом, дозволяючи редагувати текст безпосередньо в контексті вашого додатку.
+
+## Оптимізація збірки додатку
+
+Щоб оптимізувати розмір бандлу вашого додатку, Intlayer надає два плагіни для оптимізації збірки: `@intlayer/babel` та `@intlayer/swc`.
+
+Плагіни Babel та SWC працюють шляхом аналізу абстрактного синтаксичного дерева (AST) вашого додатка, щоб замінити виклики функцій Intlayer на оптимізований код. Цей процес робить ваш фінальний bundle легшим у production, забезпечуючи імпорт лише тих словників, які фактично використовуються, оптимізуючи chunking та зменшуючи розмір bundle.
+
+У режимі розробки Intlayer використовує централізований статичний імпорт словників, щоб спростити досвід розробки.
+
+Активувавши опцію `importMode = "dynamic"` у [configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md), Intlayer використовуватиме динамічний імпорт для завантаження словників. Ця опція вимкнена за замовчуванням, щоб уникнути асинхронної обробки під час рендерингу додатка.
+
+> `@intlayer/babel` доступний за замовчуванням у пакеті `vite-intlayer`,
+>
+> `@intlayer/swc` не встановлений за замовчуванням у пакеті `next-intlayer`, оскільки плагіни SWC все ще експериментальні в Next.js.
+
+Щоб дізнатися, як налаштувати збірку вашого застосунку, ви можете прочитати [документацію з конфігурації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md).
+
+## Пакети
+
+Intlayer складається з кількох пакетів, кожен із яких має конкретну роль у процесі перекладу. Нижче — графічне зображення структури цих пакетів:
+
+![пакети intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/assets/packages_dependency_graph.svg)
+
+### intlayer
+
+Пакет `intlayer` використовується в застосунках для оголошення контенту у файлах контенту.
+
+### react-intlayer
+
+Пакет `react-intlayer` використовується для інтерпретації словників Intlayer і робить їх придатними для використання в React-застосунках.
+
+### next-intlayer
+
+Пакет `next-intlayer` використовується як шар поверх `react-intlayer`, щоб зробити словники Intlayer придатними для використання в Next.js-застосунках. Він інтегрує необхідні функції для роботи Intlayer у середовищі Next.js, такі як translation middleware, маршрутизація або конфігурація файлу `next.config.js`.
+
+### vue-intlayer
+
+Пакет `vue-intlayer` використовується для інтерпретації словників Intlayer і робить їх придатними для використання у Vue-застосунках.
+
+### nuxt-intlayer
+
+The `nuxt-intlayer` package is as Nuxt module to make Intlayer dictionaries usable in Nuxt applications. It integrates essential features to make Intlayer work in a Nuxt environment, such as translation middleware, routing, or the `nuxt.config.js` file configuration.
+
+### svelte-intlayer
+
+The `svelte-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Svelte applications.
+
+### solid-intlayer (WIP)
+
+The `solid-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Solid.js applications.
+
+### preact-intlayer
+
+The `preact-intlayer` package is used to interpret Intlayer dictionaries and make them usable in Preact applications.
+
+### angular-intlayer (WIP)
+
+Пакет `angular-intlayer` використовується для інтерпретації словників Intlayer та забезпечення їхнього використання в додатках Angular.
+
+### express-intlayer
+
+Пакет `express-intlayer` використовується для застосування Intlayer на бекенді Express.js.
+
+### react-native-intlayer
+
+Пакет `react-native-intlayer` надає інструменти для інтеграції плагінів, щоб Intlayer працював з бандлером Metro.
+
+### lynx-intlayer
+
+Пакет `lynx-intlayer` надає інструменти для інтеграції плагінів, щоб Intlayer працював з бандлером Lynx.
+
+### vite-intlayer
+
+Містить плагін Vite для інтеграції Intlayer з [бандлером Vite](https://vite.dev/guide/why.html#why-bundle-for-production), а також middleware для визначення пріоритетної локалі користувача, керування cookie та обробки перенаправлень URL.
+
+### react-scripts-intlayer
+
+Містить команди та плагіни `react-scripts-intlayer` для інтеграції Intlayer з додатком на базі Create React App. Ці плагіни засновані на [craco](https://craco.js.org/) і включають додаткову конфігурацію для бандлера [Webpack](https://webpack.js.org/).
+
+### intlayer-editor
+
+Пакет `intlayer-editor` використовується для забезпечення можливості використання візуального редактора. Цей пакет є опціональним, його можна встановити в застосунках, і він буде використовуватися пакетом `react-intlayer`.
+Він складається з двох частин: сервера та клієнта.
+
+Клієнт містить UI-елементи, які будуть використовуватися `react-intlayer`.
+
+Сервер, на базі Express, використовується для отримання запитів від візуального редактора та керування або модифікації файлів контенту.
+
+### intlayer-cli
+
+Пакет `intlayer-cli` можна використовувати для генерації словників за допомогою команди `npx intlayer dictionaries build`. Якщо `intlayer` вже встановлено, CLI встановлюється автоматично і цей пакет не є необхідним.
+
+### @intlayer/core
+
+Пакет `@intlayer/core` є основним пакетом Intlayer. Він містить функції перекладу та керування словниками. `@intlayer/core` є багатоплатформним і використовується іншими пакетами для виконання інтерпретації словників.
+
+### @intlayer/config
+
+Пакет `@intlayer/config` використовується для налаштування параметрів Intlayer, таких як доступні мови, параметри middleware Next.js або налаштування інтегрованого редактора.
+
+### @intlayer/webpack
+
+The `@intlayer/webpack` package is used to provide a Webpack configuration to make a Webpack-based application work with Intlayer. The package also provides a plugin to add to an existing Webpack application.
+
+### @intlayer/cli
+
+Пакет `@intlayer/cli` є NPM-пакетом, який використовується для оголошення скриптів, пов’язаних із командними інтерфейсами Intlayer. Він забезпечує узгодженість усіх CLI-команд Intlayer. Цей пакет, зокрема, використовується пакетами [intlayer-cli](https://github.com/aymericzip/intlayer/tree/main/docs/uk/packages/intlayer-cli/index.md) та [intlayer](https://github.com/aymericzip/intlayer/tree/main/docs/uk/packages/intlayer/index.md).
+
+### @intlayer/mcp
+
+Пакет `@intlayer/mcp` забезпечує сервер MCP (Model Context Protocol), який надає підтримку IDE на базі ШІ, адаптовану до екосистеми Intlayer. Він автоматично завантажує документацію та інтегрується з Intlayer CLI.
+
+### @intlayer/dictionaries-entry & @intlayer/unmerged-dictionaries-entry & @intlayer/dynamic-dictionaries-entry
+
+Пакети `@intlayer/dictionaries-entry`, `@intlayer/unmerged-dictionaries-entry` та `@intlayer/dynamic-dictionaries-entry` повертають шлях entry словників Intlayer. Оскільки з браузера неможливо виконувати пошук по файловій системі, використання bundler-ів, таких як Webpack або Rollup, для отримання шляху entry словників неможливе. Ці пакети розроблені для того, щоб їх можна було alias-ити, що дозволяє оптимізувати bundling для різних збирачів, таких як Vite, Webpack та Turbopack.
+
+### @intlayer/chokidar
+
+Пакет `@intlayer/chokidar` використовується для моніторингу файлів контенту та перегенерації зміненого словника при кожній модифікації.
+
+### @intlayer/editor
+
+The `@intlayer/editor` package provides the utilities related to the dictionary editor. It notably includes the API to interface an application with the Intlayer editor, and utilities to manipulate dictionaries. This package is cross-platform.
+
+### @intlayer/editor-react
+
+The `@intlayer/editor-react` package provides states, contexts, hooks and components to interface a React application with the Intlayer editor.
+
+### @intlayer/babel
+
+The `@intlayer/babel` package provides tools that optimize bundling of dictionaries for Vite and Webpack based applications.
+
+### @intlayer/swc
+
+The `@intlayer/swc` package provides tools that optimize bundling of dictionaries for Next.js applications.
+
+### @intlayer/api
+
+The `@intlayer/api` package is an API SDK to interact with the backend.
+
+### @intlayer/design-system
+
+Пакет `@intlayer/design-system` використовується для обміну елементами дизайну між CMS і візуальним редактором.
+
+### @intlayer/backend
+
+Пакет `@intlayer/backend` експортує типи бекенду та згодом надасть бекенд як окремий пакет.
+
+## Чат з нашою розумною документацією
+
+- [Задавайте свої питання нашій розумній документації](https://intlayer.org/doc/chat)

package/docs/uk/index.md

@@ -0,0 +1,175 @@
+---
+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/conditional.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_embeddings.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 вже сьогодні. Відчуйте надійний, оптимізований підхід до інтернаціоналізації, який допомагає тримати контент організованим і підвищує продуктивність вашої команди.