وثائق Intlayer

مرحبًا بكم في وثائق Intlayer. يوفر هذا الدليل نظرة عامة على Intlayer وميزاته الرئيسية وكيفية استخدام هذه الوثائق بشكل فعال لتعزيز تجربة تطويرك.

مقدمة

ما هو Intlayer؟

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

كما توفر Intlayer محررًا بصريًا اختياريًا يسمح لك بسهولة تحرير وإدارة محتواك. هذا المحرر مفيد بشكل خاص للمطورين الذين يفضلون واجهة بصرية لإدارة المحتوى، أو للفرق التي تولد المحتوى دون الحاجة للقلق بشأن الكود.

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

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

import { type DeclarationContent, t } from "intlayer";const componentContent = {  key: "component-key",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies DeclarationContent;export default componentContent;

import type { FC } from "react";import { useIntlayer } from "react-intlayer";export const MyComponent: FC = () => {  const { myTranslatedContent } = useIntlayer("component-key");  return <span>{myTranslatedContent}</span>;};

الميزات الرئيسية

تقدم Intlayer مجموعة متنوعة من الميزات المصممة لتلبية احتياجات تطوير الويب الحديث. أدناه الميزات الرئيسية، مع الروابط إلى الوثائق التفصيلية لكل منها:

• دعم التدويل: عزز الوصول العالمي لتطبيقك مع دعم مدمج للتدويل.
• محرر بصري: تحسين سير عمل تطويرك من خلال مكونات المحرر المصممة لـ Intlayer. اطّلع على دليل المحرر البصري.
• مرونة التكوين: تخصيص إعدادك مع خيارات تكوين واسعة مفصلة في دليل التكوين.
• أدوات CLI متقدمة: إدارة مشاريعك بكفاءة باستخدام واجهة سطر الأوامر الخاصة بـ Intlayer. استكشف الإمكانيات في وثائق أدوات CLI.
• التوافق مع i18n: تعمل Intlayer بسلاسة مع مكتبات التدويل الأخرى. تحقق من دليل i18n لمزيد من المعلومات.

المنصات المدعومة

تم تصميم Intlayer للعمل بسلاسة مع تطبيقات Next.js وReact. كما أنها تدعم Vite وCreate React App.

• تكامل Next.js: استغل قوة Next.js داخل Intlayer من أجل تقديم الصفحات على الخادم وتوليد المواقع الثابتة. التفاصيل متاحة في دليل تكامل Next.js.
• تكامل Vite وReact: استغل Vite داخل Intlayer من أجل تقديم الصفحات على الخادم وتوليد المواقع الثابتة. التفاصيل متاحة في دليل تكامل Vite وReact.
• تكامل Create React App: استغل قوة Create React App داخل Intlayer من أجل تقديم الصفحات على الخادم وتوليد المواقع الثابتة. التفاصيل متاحة في دليل تكامل Create React App.

كيفية استخدام هذه الوثائق

للحصول على أقصى استفادة من هذه الوثائق:

1. انتقل إلى الأقسام ذات الصلة: استخدم الروابط المقدمة أعلاه للانتقال مباشرة إلى الأقسام التي تلبي احتياجاتك.
2. أمثلة تفاعلية: حيثما كان ذلك ممكنًا، استفد من الأمثلة التفاعلية لرؤية كيفية عمل الميزات في الوقت الفعلي.
3. التعليقات والمساهمات: تعليقاتك ذات قيمة. إذا كان لديك اقتراحات أو تصحيحات، يرجى النظر في المساهمة في الوثائق.