وثائق Intlayer

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

مقدمة

ما هو Intlayer؟

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

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

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

bash

1.
2├── ClientComponent
3│   ├── index.content.ts
4│   └── index.tsx
5└── ServerComponent
6    ├── index.content.ts
7    └── index.tsx

tsx

1// ./ClientComponent/index.content.ts
2
3import { type DeclarationContent, t } from "intlayer";
4
5const clientComponentContent = {
6  key: "client-component",
7  content: {
8    myTranslatedContent: t({
9      en: "Hello World",
10      fr: "Bonjour le monde",
11      es: "Hola Mundo",
12    }),
13  },
14} satisfies DeclarationContent;
15
16export default clientComponentContent;

tsx

1// ./ClientComponent/index.tsx
2"use client";
3
4import { useIntlayer } from "next-intlayer";
5
6export const ClientComponent = () => {
7  const { myTranslatedContent } = useIntlayer("client-component");
8
9  return <span>{myTranslatedContent}</span>;
10};

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

تقدم 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.

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

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

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

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

رابط GitHub للتوثيق

كيف يعمل Intlayer