Intlayer: طريقة أقرب لترجمة تطبيقك

Intlayer هي مكتبة للتدويل مصممة خصيصًا لمطوري JavaScript. تتيح لك إعلان المحتوى الخاص بك في أي مكان في الكود الخاص بك. تقوم بتحويل إعلان المحتوى متعدد اللغات إلى قواميس منظمة لتتكامل بسهولة في الكود الخاص بك. باستخدام TypeScript، تجعل Intlayer تطويرك أقوى وأكثر كفاءة.

مثال على الاستخدام

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";const componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",      ar: "مرحبا بالعالم",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";export const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

لماذا تختار Intlayer؟

• إدارة محتوى مدعومة بـ JavaScript: استغل مرونة JavaScript لتعريف وإدارة المحتوى الخاص بك بكفاءة.
• بيئة آمنة النوع: استفد من TypeScript لضمان أن جميع تعريفات المحتوى دقيقة وخالية من الأخطاء.
• ملفات محتوى متكاملة: احتفظ بترجماتك بالقرب من مكوناتها ذات الصلة، مما يعزز القابلية للصيانة والوضوح.
• إعداد مبسط: ابدأ بسرعة مع الحد الأدنى من التكوين، خاصةً الأمثل لمشاريع Next.js.
• دعم مكونات الخادم: مناسب تمامًا لمكونات خادم Next.js، مما يضمن عرضًا سلسًا من جانب الخادم.
• تحسين التوجيه: دعم كامل لتوجيه تطبيق Next.js، يتكيف بسلاسة مع هياكل التطبيقات المعقدة.
• التشغيل البيني: يسمح بالتشغيل البيني مع react-i18next، next-i18next، next-intl، و react-intl.