يتعامل Intlayer مع جميع تنفيذات Next.js Pages Router و App Router بشكل شفاف. يسمح استخدام المحول بترحيل تنفيذ next-i18next الخاص بك دون إعادة كتابة رمز.

ما يجب فعله

للبدء، قم بتشغيل:

bash

نسخ الكود

نسخ الكود إلى الحافظة

npx intlayer init

npx intlayer init

هذا ينشئ ملف الإعداد المطلوب في Intlayer. لللتبديل إلى Intlayer خلف الكواليس، قم بتحديث next.config.ts:

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);

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: يعملان الآن كـ wrappers لمحملات Intlayer الداخلية، متجاوزين حقن JSON الثابتة الكبيرة.
خطافات العميل: تفوّض فوراً إلى @intlayer/react-i18next مع الحفاظ على جميع ميزات التنسيق والجمع والـ namespace المتداخلة.

لماذا Intlayer؟