@intlayer/docs 8.11.2 → 8.12.0-canary.0

package/blog/uk/i18n_using_next-i18next.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-11-01
-updatedAt: 2025-11-01
-title: Як інтернаціоналізувати ваш додаток Next.js за допомогою next-i18next
-description: Налаштуйте i18n з next-i18next, найкращі практики та поради з SEO для багатомовних застосунків Next.js, що охоплюють інтернаціоналізацію, організацію контенту та технічне налаштування.
+updatedAt: 2026-05-31
+title: Як інтернаціоналізувати ваш додаток Next.js за допомогою next-i18next - Повний посібник з перекладу Translate Next.js 16 with next-i18next — App Router Setup
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Next.js 16 сайт багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - next-i18next
   - i18next
@@ -81,6 +81,7 @@ history:
   title="Демонстрація CodeSandbox, як інтернаціоналізувати ваш застосунок за допомогою Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   loading="lazy"
+/>
 
 > Дивіться [Шаблон застосунку](https://github.com/aymericzip/next-i18next-template) на GitHub.
 
@@ -117,7 +118,9 @@ history:
         └── ServerComponent.tsx
 ```
 
-### Крок 1: Встановіть залежності
+<Steps>
+
+<Step number={1} title="Встановіть залежності">
 
 Встановіть необхідні пакети за допомогою npm:
 
@@ -137,7 +140,9 @@ yarn add i18next react-i18next i18next-resources-to-backend
 - **react-i18next**: React-байндинги для i18next, що надають хуки, такі як `useTranslation`, для клієнтських компонентів.
 - **i18next-resources-to-backend**: Плагін, який дозволяє динамічно завантажувати файли перекладів, даючи змогу підвантажувати лише ті простори імен (namespaces), які потрібні.
 
-### Крок 2: Налаштуйте свій проєкт
+</Step>
+
+<Step number={2} title="Налаштуйте свій проєкт">
 
 Створіть файл конфігурації, щоб визначити підтримувані локалі, локаль за замовчуванням та допоміжні функції для локалізації URL. Цей файл слугує єдиним джерелом істини для вашої i18n-настройки та забезпечує безпечність типів у всьому застосунку.
 
@@ -190,7 +195,9 @@ export function getCookie(locale: Locale) {
 }
 ```
 
-### Крок 3: Централізація просторів імен перекладів
+</Step>
+
+<Step number={3} title="Централізація просторів імен перекладів">
 
 Створіть єдине джерело істини для кожного простору імен (namespace), який надає ваша аплікація. Повторне використання цього списку дозволяє синхронізувати код на сервері, клієнті та в інструментах і відкриває можливість суворої типізації для допоміжних функцій перекладу.
 
@@ -200,7 +207,9 @@ export const namespaces = ["common", "about"] as const;
 export type Namespace = (typeof namespaces)[number];
 ```
 
-### Крок 4: Сувора типізація ключів перекладу за допомогою TypeScript
+</Step>
+
+<Step number={4} title="Сувора типізація ключів перекладу за допомогою TypeScript">
 
 Розширіть `i18next`, щоб вказати на ваші канонічні мовні файли (зазвичай англійські). TypeScript потім виведе дійсні ключі для кожного простору імен, тож виклики `t()` перевіряються повністю.
 
@@ -238,7 +247,9 @@ const { t } = useTranslation("about");
 export type AboutTranslator = TFunction<"about">;
 ```
 
-### Крок 5: Налаштування серверної ініціалізації i18n
+</Step>
+
+<Step number={5} title="Налаштування серверної ініціалізації i18n">
 
 Створіть функцію ініціалізації на сервері, яка завантажує переклади для серверних компонентів. Ця функція створює окремий екземпляр i18next для рендерингу на сервері, забезпечуючи завантаження перекладів перед рендерингом.
 
@@ -293,7 +304,9 @@ export async function initI18next(
 }
 ```
 
-### Крок 6: Створіть клієнтський провайдер i18n
+</Step>
+
+<Step number={6} title="Створіть клієнтський провайдер i18n">
 
 Створіть клієнтський компонент-провайдер, який обгортає ваш додаток контекстом i18next. Цей провайдер отримує попередньо завантажені переклади з сервера, щоб запобігти мерехтінню неперекладеного вмісту (FOUC) та уникнути дублювання запитів.
 
@@ -376,7 +389,9 @@ export default function I18nProvider({
 }
 ```
 
-### Крок 7: Визначення динамічних маршрутів локалей
+</Step>
+
+<Step number={7} title="Визначення динамічних маршрутів локалей">
 
 Налаштуйте динамічну маршрутизацію для локалей, створивши директорію `[locale]` у вашій папці app. Це дозволяє Next.js обробляти маршрути залежно від локалі, де кожна локаль стає сегментом URL (наприклад, `/en/about`, `/fr/about`).
 
@@ -428,7 +443,9 @@ export default function LocaleLayout({
 }
 ```
 
-### Крок 8: Створіть файли перекладів
+</Step>
+
+<Step number={8} title="Створіть файли перекладів">
 
 Створіть JSON-файли для кожного locale та namespace. Така структура дозволяє логічно організувати переклади та завантажувати лише те, що потрібно для кожної сторінки.
 
@@ -494,7 +511,9 @@ export default function LocaleLayout({
 }
 ```
 
-### Крок 9: Використовуйте переклади на своїх сторінках
+</Step>
+
+<Step number={9} title="Використовуйте переклади на своїх сторінках">
 
 Створіть компонент сторінки, який ініціалізує i18next на сервері та передає переклади як серверним, так і клієнтським компонентам. Це гарантує завантаження перекладів перед рендерінгом і запобігає мерехтінню контенту.
 
@@ -554,7 +573,9 @@ export default async function AboutPage({
 }
 ```
 
-### Крок 10: Використання перекладів у клієнтських компонентах
+</Step>
+
+<Step number={10} title="Використання перекладів у клієнтських компонентах">
 
 Клієнтські компоненти можуть використовувати хук `useTranslation` для доступу до перекладів. Цей хук надає доступ до функції перекладу та екземпляра i18n, що дозволяє перекладати вміст та отримувати інформацію про локаль.
 
@@ -605,7 +626,9 @@ const ClientComponent = () => {
 export default ClientComponent;
 ```
 
-### Крок 11: Використання перекладів у серверних компонентах
+</Step>
+
+<Step number={11} title="Використання перекладів у серверних компонентах">
 
 Серверні компоненти не можуть використовувати React hooks, тому вони отримують переклади через props від батьківських компонентів. Такий підхід робить серверні компоненти синхронними і дозволяє вкладати їх у клієнтські компоненти.
 
@@ -651,9 +674,9 @@ const ServerComponent = ({ t, locale, count }: ServerComponentProps) => {
 export default ServerComponent;
 ```
 
----
+</Step>
 
-### (Необов'язково) Крок 12: Змініть мову вашого контенту
+<Step number={12} title="Змініть мову вашого контенту" isOptional={true}>
 
 Щоб змінити мову вашого контенту в Next.js, рекомендовано використовувати URL-адреси з префіксом локалі та компоненти Link від Next.js. Приклад нижче зчитує поточну локаль з маршруту, видаляє її з pathname і рендерить по одному посиланню для кожної доступної локалі.
 
@@ -729,7 +752,9 @@ export default function LocaleSwitcher() {
 }
 ```
 
-### (Необов'язково) Крок 13: Створіть локалізований компонент Link
+</Step>
+
+<Step number={13} title="Створіть локалізований компонент Link" isOptional={true}>
 
 Повторне використання локалізованих URL у вашому додатку зберігає навігацію послідовною та дружньою до SEO. Обгорніть `next/link` у невеликий хелпер, який додає префікс активної локалі до внутрішніх маршрутів, залишаючи зовнішні URL без змін.
 
@@ -780,7 +805,9 @@ export default function LocalizedLink({
 
 > Порада: Оскільки `LocalizedLink` є drop-in replacement, мігруйте поступово, замінюючи імпорти та дозволяючи компоненту обробляти URL-адреси, специфічні для локалі.
 
-### (Необов'язково) Крок 14: Доступ до активної локалі всередині Server Actions
+</Step>
+
+<Step number={14} title="Доступ до активної локалі всередині Server Actions" isOptional={true}>
 
 Server Actions часто потребують поточної локалі для email-розсилок, логування або інтеграцій зі сторонніми сервісами. Поєднайте cookie локалі, встановлене вашим проксі, із заголовком `Accept-Language` як fallback.
 
@@ -818,7 +845,9 @@ export async function stuffFromServer(formData: FormData) {
 
 > Оскільки цей хелпер спирається на cookies і headers Next.js, він працює в Route Handlers, Server Actions та інших серверних контекстах.
 
-### (Необов'язково) Крок 15: Інтернаціоналізуйте метадані
+</Step>
+
+<Step number={15} title="Інтернаціоналізуйте метадані" isOptional={true}>
 
 Переклад контенту важливий, але основна мета інтернаціоналізації, зробити ваш вебсайт більш помітним для світу. I18n, потужний інструмент для підвищення видимості сайту завдяки належному SEO.
 
@@ -885,7 +914,9 @@ export default async function AboutPage() {
 }
 ```
 
-### (Необов'язково) Крок 16: Інтернаціоналізуйте ваш Sitemap
+</Step>
+
+<Step number={16} title="Інтернаціоналізуйте ваш Sitemap" isOptional={true}>
 
 Згенеруйте карту сайту (sitemap), яка включає всі локалізовані версії ваших сторінок. Це допомагає пошуковим системам знаходити та індексувати всі мовні версії вашого контенту.
 
@@ -939,7 +970,9 @@ export default function sitemap(): MetadataRoute.Sitemap {
 }
 ```
 
-### (Необов'язково) Крок 17: Інтернаціоналізуйте ваш robots.txt
+</Step>
+
+<Step number={17} title="Інтернаціоналізуйте ваш robots.txt" isOptional={true}>
 
 Створіть файл robots.txt, який правильно обробляє всі мовні версії ваших захищених маршрутів. Це гарантує, що пошукові системи не індексують сторінки адміністратора або панелі керування жодною мовою.
 
@@ -970,7 +1003,9 @@ export default function robots(): MetadataRoute.Robots {
 }
 ```
 
-### (Необов'язково) Крок 18: Налаштуйте middleware для маршрутизації локалей
+</Step>
+
+<Step number={18} title="Налаштуйте middleware для маршрутизації локалей" isOptional={true}>
 
 Створіть проксі, який автоматично визначає переважну локаль користувача та перенаправляє його на відповідний URL з префіксом локалі. Це покращує досвід користувача, відображаючи контент обраною мовою.
 
@@ -1059,7 +1094,9 @@ export const config = {
 };
 ```
 
-### (Необов'язково) Крок 19: Автоматизуйте ваші переклади за допомогою Intlayer
+</Step>
+
+<Step number={19} title="Автоматизуйте ваші переклади за допомогою Intlayer" isOptional={true}>
 
 Intlayer, це **безкоштовна** та **з відкритим вихідним кодом** бібліотека, створена для допомоги у процесі локалізації вашого застосунку. Поки i18next відповідає за завантаження та управління перекладами, Intlayer допомагає автоматизувати робочий процес перекладів.
 
@@ -1084,3 +1121,7 @@ Intlayer дозволяє вам:
   Intlayer пропонує безкоштовний візуальний редактор для редагування вашого контенту. Дізнайтеся більше про [візуальне редагування ваших перекладів](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_visual_editor.md).
 
 І це ще не все. Щоб дізнатися про всі можливості, які надає Intlayer, будь ласка, перегляньте [документацію «Переваги Intlayer»](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/interest_of_intlayer.md).
+
+</Step>
+
+</Steps>

package/blog/uk/i18n_using_next-intl.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-11-01
-updatedAt: 2025-11-01
-title: Як інтернаціоналізувати ваш додаток Next.js за допомогою next-intl у 2025 році
-description: Налаштування i18n за допомогою next-intl, найкращі практики та поради з SEO для багатомовних додатків Next.js, що охоплюють інтернаціоналізацію, організацію контенту та технічну конфігурацію.
+updatedAt: 2026-05-31
+title: Як інтернаціоналізувати ваш додаток Next.js за допомогою next-intl у 2025 році - Повний посібник з перекладу Translate Next.js 16 with next-intl — App Router Setup
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Next.js 16 сайт багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - next-intl
   - Інтернаціоналізація
@@ -109,7 +109,9 @@ history:
         └── ServerComponent.tsx
 ```
 
-### Крок 1: Встановіть залежності
+<Steps>
+
+<Step number={1} title="Встановіть залежності">
 
 Встановіть необхідні пакети, використовуючи:
 
@@ -127,7 +129,9 @@ yarn add next-intl
 
 - **next-intl**: Основна бібліотека інтернаціоналізації для Next.js App Router, яка надає хуки, server-функції та клієнтські провайдери для керування перекладами.
 
-### Крок 2: Налаштуйте ваш проєкт
+</Step>
+
+<Step number={2} title="Налаштуйте ваш проєкт">
 
 Створіть файл конфігурації, який визначає підтримувані локалі та налаштовує конфігурацію запитів next-intl. Цей файл слугує єдиним джерелом правди для вашої налаштування i18n і забезпечує безпеку типів у всьому застосунку.
 
@@ -211,7 +215,9 @@ export const { Link, redirect, usePathname, useRouter, getPathname } =
 export const proxy = createMiddleware(routingOptions);
 ```
 
-### Крок 3: Визначте динамічні маршрути локалей
+</Step>
+
+<Step number={3} title="Визначте динамічні маршрути локалей">
 
 Налаштуйте динамічний роутинг для локалей, створивши директорію `[locale]` у вашій папці app. Це дозволяє Next.js обробляти маршрутизацію за локаллю, де кожна локаль стає сегментом URL (наприклад, `/en/about`, `/fr/about`).
 
@@ -299,7 +305,9 @@ export default async function AboutPage({
 }
 ```
 
-### Крок 4: Створіть файли перекладів
+</Step>
+
+<Step number={4} title="Створіть файли перекладів">
 
 Створіть JSON-файли для кожної локалі та простору імен. Така структура дозволяє логічно організувати переклади та завантажувати лише те, що потрібно для кожної сторінки.
 
@@ -341,7 +349,9 @@ export default async function AboutPage({
 }
 ```
 
-### Крок 5: Використання перекладів на ваших сторінках
+</Step>
+
+<Step number={5} title="Використання перекладів на ваших сторінках">
 
 Створіть компонент сторінки, який завантажує переклади на сервері та передає їх як серверним, так і клієнтським компонентам. Це гарантує, що переклади завантажені перед рендерингом і запобігає блиманню (content flashing).
 
@@ -392,7 +402,9 @@ export default async function AboutPage({
 }
 ```
 
-### Крок 6: Використання перекладів у клієнтських компонентах
+</Step>
+
+<Step number={6} title="Використання перекладів у клієнтських компонентах">
 
 Клієнтські компоненти можуть використовувати хуки `useTranslations` та `useFormatter` для доступу до перекладів і функцій форматування. Ці хуки читають дані з контексту `NextIntlClientProvider`.
 
@@ -428,7 +440,9 @@ const ClientComponent = () => {
 };
 ```
 
-### Крок 7: Використання перекладів у серверних компонентах
+</Step>
+
+<Step number={7} title="Використання перекладів у серверних компонентах">
 
 Серверні компоненти не можуть використовувати React‑хуки, тому вони отримують переклади та функції форматування як props від батьківських компонентів. Такий підхід зберігає серверні компоненти синхронними й дозволяє вкладати їх усередину клієнтських компонентів.
 
@@ -460,9 +474,9 @@ const ServerComponent = ({
 
 > У вашому page/layout використовуйте `getTranslations` та `getFormatter` з `next-intl/server`, щоб попередньо обчислити переклади та форматування, а потім передайте їх як props серверним компонентам.
 
----
+</Step>
 
-### (Необов'язково) Крок 8: Змініть мову вашого контенту
+<Step number={8} title="Змініть мову вашого контенту" isOptional={true}>
 
 Щоб змінити мову контенту за допомогою next-intl, рендерте посилання з урахуванням локалі (locale-aware links), які вказують на той самий pathname при перемиканні локалі. Провайдер автоматично переписує URL-адреси, тож вам потрібно лише націлитися на поточний маршрут.
 
@@ -534,7 +548,9 @@ export default function LocaleSwitcher() {
 }
 ```
 
-### (Необов'язковий) Крок 9: Використовуйте локалізований компонент Link
+</Step>
+
+<Step number={9} title="Використовуйте локалізований компонент Link" isOptional={true}>
 
 `next-intl` надає сабпакет `next-intl/navigation`, який містить локалізований компонент Link, що автоматично застосовує активну локаль. Ми вже експортували його для вас у файлі `@/i18n`, тож ви можете використовувати його так:
 
@@ -544,7 +560,9 @@ import { Link } from "@/i18n";
 return <Link href="/about">t("about.title")</Link>;
 ```
 
-### (Необов'язковий) Крок 10: Отримання активної локалі всередині Server Actions
+</Step>
+
+<Step number={10} title="Отримання активної локалі всередині Server Actions" isOptional={true}>
 
 Server Actions можуть зчитувати поточну локаль за допомогою `next-intl/server`. Це корисно для надсилання локалізованих електронних листів або збереження мовних налаштувань разом із надісланими даними.
 
@@ -567,7 +585,9 @@ export async function handleContactForm(formData: FormData) {
 
 > `getLocale` читає локаль, встановлену проксі `next-intl`, тож функція працює у будь-якому місці на сервері: Route Handlers, Server Actions та edge functions.
 
-### (Необов'язково) Крок 11: Інтернаціоналізуйте свої метадані
+</Step>
+
+<Step number={11} title="Інтернаціоналізуйте свої метадані" isOptional={true}>
 
 Переклад контенту важливий, але головна мета інтернаціоналізації, зробити ваш вебсайт більш помітним у світі. I18n, неймовірний важіль для підвищення видимості вашого вебсайту за допомогою правильної SEO.
 
@@ -606,7 +626,9 @@ export async function generateMetadata({
 // ... Решта коду сторінки
 ```
 
-### (Необов'язково) Крок 12: Інтернаціоналізуйте свій sitemap
+</Step>
+
+<Step number={12} title="Інтернаціоналізуйте свій sitemap" isOptional={true}>
 
 Створіть sitemap, який включає всі мовні версії ваших сторінок. Це допомагає пошуковим системам виявляти та індексувати всі мовні версії вашого контенту.
 
@@ -654,7 +676,9 @@ export default function sitemap(): MetadataRoute.Sitemap {
 }
 ```
 
-### (Необов'язково) Крок 13: Інтернаціоналізуйте ваш robots.txt
+</Step>
+
+<Step number={13} title="Інтернаціоналізуйте ваш robots.txt" isOptional={true}>
 
 Створіть файл robots.txt, який правильно обробляє всі мовні версії ваших захищених маршрутів. Це гарантує, що пошукові системи не індексують сторінки admin або dashboard жодною мовою.
 
@@ -687,7 +711,9 @@ export default function robots(): MetadataRoute.Robots {
 }
 ```
 
-### (Необов'язково) Крок 14: Налаштування proxy для маршрутизації локалі
+</Step>
+
+<Step number={14} title="Налаштування proxy для маршрутизації локалі" isOptional={true}>
 
 Створіть proxy, щоб автоматично визначати бажану користувачем локаль та перенаправляти його на відповідний URL з префіксом локалі. next-intl надає зручну функцію proxy, яка обробляє це автоматично.
 
@@ -707,7 +733,9 @@ export const config = {
 };
 ```
 
-### (Необов'язково) Крок 15: Налаштуйте типи TypeScript для локалі
+</Step>
+
+<Step number={15} title="Налаштуйте типи TypeScript для локалі" isOptional={true}>
 
 Налаштування TypeScript допоможе отримати автозаповнення та типобезпеку для ваших ключів.
 
@@ -733,7 +761,9 @@ declare module "next-intl" {
 
 Цей код використовує Module Augmentation, щоб додати locales і messages до типу AppConfig з next-intl.
 
-### (Необов'язково) Крок 15: Автоматизуйте переклади за допомогою Intlayer
+</Step>
+
+<Step number={16} title="Автоматизуйте переклади за допомогою Intlayer" isOptional={true}>
 
 Intlayer, це **безкоштовна** та **відкрита** бібліотека, створена для полегшення процесу локалізації у вашому застосунку. У той час як next-intl відповідає за завантаження та управління перекладами, Intlayer допомагає автоматизувати робочий процес перекладів.
 
@@ -758,3 +788,7 @@ Intlayer дозволить вам:
   Intlayer пропонує безкоштовний візуальний редактор для редагування вашого контенту. Дізнайтеся більше про [візуальне редагування ваших перекладів](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/intlayer_visual_editor.md).
 
 І це ще не все. Щоб ознайомитися з усіма можливостями, які надає Intlayer, зверніться до документації про [переваги Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/interest_of_intlayer.md).
+
+</Step>
+
+</Steps>

package/blog/uk/list_i18n_technologies/frameworks/angular.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-01-16
-updatedAt: 2025-06-29
-title: Найкращі інструменти інтернаціоналізації (i18n) для Angular
-description: Дізнайтеся про провідні рішення для i18n в Angular, щоб вирішувати проблеми з перекладом, покращувати SEO та забезпечувати безшовний глобальний досвід користувачів.
+updatedAt: 2026-05-31
+title: Найкращі інструменти інтернаціоналізації (i18n) для Angular - Повний посібник з перекладу Best Angular i18n Libraries 2026 — Compared by DX & Bundle
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Angular застосунок багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - Angular
   - i18n

package/blog/uk/list_i18n_technologies/frameworks/react-native.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-01-16
-updatedAt: 2025-06-29
-title: Найкращі інструменти для інтернаціоналізації (i18n) у React Native
-description: Відкрийте для себе провідні рішення i18n для React Native, щоб вирішувати проблеми перекладу, підвищувати SEO та забезпечувати бездоганний глобальний досвід у світі.
+updatedAt: 2026-05-31
+title: "Найкращі інструменти для інтернаціоналізації (i18n) у React Native - Повний посібник з перекладу React Native i18n 2026: Best Tools for Expo & TypeScript"
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть React Native мобільний застосунок багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - React Native
   - i18n

package/blog/uk/list_i18n_technologies/frameworks/react.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-01-16
-updatedAt: 2025-06-29
-title: "Найкращі інструменти інтернаціоналізації (i18n) для React"
-description: "Дізнайтеся про провідні рішення i18n для React, щоб вирішувати проблеми перекладу, покращувати SEO та забезпечувати безшовний глобальний веб‑досвід."
+updatedAt: 2026-05-31
+title: Найкращі інструменти інтернаціоналізації (i18n) для React - Повний посібник з перекладу Best React i18n Libraries 2026 — Compared by DX & Bundle
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть React застосунок багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - React
   - i18n

package/blog/uk/list_i18n_technologies/frameworks/svelte.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-01-16
-updatedAt: 2025-06-29
-title: Найкращі інструменти i18n для Svelte
-description: Дізнайтеся про провідні рішення i18n для Svelte, щоб вирішувати проблеми перекладу, підвищити SEO і забезпечити безшовний глобальний веб-досвід.
+updatedAt: 2026-05-31
+title: Найкращі інструменти i18n для Svelte - Повний посібник з перекладу Best Svelte i18n Libraries 2026 — Compared by DX & Bundle
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Svelte застосунок багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - Svelte
   - i18n

package/blog/uk/list_i18n_technologies/frameworks/vue.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-01-16
-updatedAt: 2025-06-29
-title: Найкращі інструменти інтернаціоналізації (i18n) для Vue
-description: Відкрийте для себе провідні рішення i18n для Vue, щоб вирішувати задачі перекладу, підвищувати SEO та забезпечувати безшовний глобальний веб-досвід.
+updatedAt: 2026-05-31
+title: Найкращі інструменти інтернаціоналізації (i18n) для Vue - Повний посібник з перекладу Best Vue i18n Libraries 2026 — Compared by DX & Bundle
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Vue застосунок багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - Vue
   - i18n

package/blog/uk/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-08-23
-updatedAt: 2025-09-29
-title: next-i18next проти next-intl проти Intlayer
-description: Порівняйте next-i18next з next-intl та Intlayer для інтернаціоналізації (i18n) додатку Next.js
+updatedAt: 2026-05-31
+title: "next-i18next проти next-intl проти Intlayer - Повний посібник з перекладу next-i18next vs next-intl vs Intlayer: 2026 Comparison"
+description: Найкраще рішення для розміру бандлу, SEO, продуктивності & підтримуваності. Зробіть Next.js сайт багатомовним у 2026, переклад LLM, Agent Skills & MCP.
 keywords:
   - next-intl
   - next-i18next