Міграція з next-i18next на Intlayer

Для повного та детального покрокового посібника, будь ласка, див. наш Посібник з міграції next-i18next.

Intlayer прозоро обробляє всі реалізації Next.js Pages Router та App Router. Використання адаптера дозволяє вам перенести вашу реалізацію next-i18next без переписування коду.

Що робити

Для початку виконайте:

npx intlayer init

Це створює необхідний файл конфігурації Intlayer. Щоб інтегрувати Intlayer в фоновому режимі, оновіть ваш next.config.ts:

import type { NextConfig } from "next";
import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";

const withIntlayer = createNextI18nPlugin();

const nextConfig: NextConfig = {};

export default withIntlayer(nextConfig);

Що він робить під капотом

createNextI18nPlugin поєднує нативну поведінку Next.js разом з основним плагіном next-intlayer, інжектуючи всі необхідні псевдоніми Webpack/Turbopack для next-i18next, react-i18next та i18next.

Під капотом:

• serverSideTranslations & appWithTranslation: Тепер вони функціонують як обгортки для внутрішніх завантажувачів Intlayer, обходячи велику статичну ін'єкцію JSON.
• Client hooks: Негайно делегує до @intlayer/react-i18next, збереження всі функції форматування, множин та вкладених просторів імен.