إطار عمل i18next ل React و Next.js
في هذا المثال، نقوم باستيراد الترجمات الإنجليزية والفرنسية من ملفات JSON. ثم نقوم بتهيئة i18next بهذه الترجمات وتعيين اللغة الافتراضية إلى الإنجليزية. نقوم أيضًا بتكوين إعدادات التداخل بحيث يمكننا استخدام المتغيرات في ترجماتنا.
بمجرد تحميل الترجمات الخاصة بك وإعداد i18next، يمكنك البدء في استخدام خطاف useTranslation لترجمة النصوص داخل مكوناتك.
في تطبيق Next.js، يمكنك استخدام نفس النهج لدمج i18next. يمكنك تحميل الترجمات في getStaticProps أو `getServer