محولات الأطر

Next.js App Router

استخدم __pico-intl__ في __React__ مكونات الخادم للحصول على تكلفة حزمة عميل صفرية على النص الثابت، وفي مكونات العميل للتبديل المحلي التفاعلي.

ts
import { createServerI18n } from '@pico-intl-dev/next';

export const { getT, resolveLocale } = createServerI18n({
  base: 'en',
  supported: ['en', 'es'],
  loadMessages: async (locale) => (await import(`../locales/${locale}.json`)).default,
});

النقاط الرئيسية

  • استخدم createServerI18__n()__ في مكونات خادم جهاز توجيه التطبيق.
  • استخدم __@pico-intl-dev/next/proxy__ لتوجيه الإعدادات المحلية __Next.js__ 16+.
  • يجب أن يستخدم تبديل لغة العميل Link أو __router.push__().

الخطوة التالية

انسخ المثال إلى أداة تثبيت صغيرة، وقم بتشغيل أوامر التحقق من الصحة، وحافظ على المسار أو السلوك الخاص بإطار العمل الذي تغطيه اختبارات التطبيق.