Migrasi dari next-i18next ke Intlayer

Untuk tutorial langkah demi langkah yang lengkap dan terperinci, silakan lihat Panduan Migrasi next-i18next lengkap kami.

Intlayer menangani semua implementasi Pages Router dan App Router Next.js secara transparan. Menggunakan adapter memungkinkan Anda migrasi implementasi next-i18next tanpa penulisan ulang kode sama sekali.

Yang perlu dilakukan

Untuk memulai, jalankan:

npx intlayer init

Ini membuat file setup Intlayer yang diperlukan. Untuk beralih ke Intlayer di balik layar, perbarui next.config.ts Anda:

import type { NextConfig } from "next";import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";const withIntlayer = createNextI18nPlugin();const nextConfig: NextConfig = {};export default withIntlayer(nextConfig);

Yang terjadi di balik layar

createNextI18nPlugin mengomposisikan perilaku native Next.js bersama plugin inti next-intlayer, menyuntikkan semua alias Webpack/Turbopack yang diperlukan untuk next-i18next, react-i18next, dan i18next.

Di balik layar:

• serverSideTranslations & appWithTranslation: Keduanya kini berfungsi sebagai wrapper untuk loader internal Intlayer, menghindari injeksi JSON statis yang besar.
• Hook klien: Mendelegasikan langsung ke @intlayer/react-i18next yang mempertahankan semua fitur pemformatan, plural, dan namespace bersarang.