إنشاء:2024-08-14آخر تحديث:2025-06-29
استخدم هذه الصفحة والموفر AI الذي تريدهChatGPTClaudeDeepSeekGoogle AI modeGeminiPerplexityMistralGrok
استخدم مساعدك المفضل للملخص واستخدم هذه الصفحة والموفر AI الذي تريده
أضف MCP Server إلى مساعدك الذكي
بدءاً من الدمج مع خادم MCP Intlayer ، يمكن لمساعدك الذكي الاسترجاع من جميع المستندات مباشرة من ChatGPT ، DeepSeek ، Cursor ، VSCode ، إلخ.
عرض الوثائق الخاصة بالخادم MCPتمت ترجمة محتوى هذه الصفحة باستخدام الذكاء الاصطناعي.
اعرض آخر نسخة المحتوى الأصلي باللغة الإنكليزيةEdit this doc
إذا كان لديك فكرة لتحسين هذه الوثيقة، فلا تتردد في المساهمة من خلال تقديم طلب سحب على GitHub.
رابط GitHub للتوثيقنسخ
نسخ الـ Markdown من المستند إلى الحافظة
Intlayer: طريقة مخصصة لترجمة موقعك الإلكتروني
Intlayer هي مكتبة تعريب مصممة خصيصًا لمطوري جافاسكريبت. تتيح لك إعلان المحتوى الخاص بك في كل مكان داخل الكود الخاص بك. تقوم بتحويل إعلان المحتوى متعدد اللغات إلى قواميس منظمة لتسهيل دمجها في الكود الخاص بك. باستخدام TypeScript، تجعل Intlayer تطويرك أقوى وأكثر كفاءة.
مثال على الاستخدام
bash
نسخ الكود
نسخ الكود إلى الحافظة
.└── Components └── MyComponent ├── index.content.ts └── index.tsx
./Components/MyComponent/index.content.ts
نسخ الكود
نسخ الكود إلى الحافظة
import { t, type Dictionary } from "intlayer";const componentExampleContent = { key: "component-example", content: { myTranslatedContent: t({ en: "Hello World", fr: "Bonjour le monde", es: "Hola Mundo", }), },} satisfies Dictionary;export default componentExampleContent;
./Components/MyComponent/index.tsx
نسخ الكود
نسخ الكود إلى الحافظة
import { useIntlayer } from "react-intlayer";// مثال لمكون يستخدم intlayer لجلب المحتوى المترجمexport const ComponentExample = () => { const { myTranslatedContent } = useIntlayer("component-example"); return <span>{myTranslatedContent}</span>;};
لماذا تختار Intlayer؟
الميزة | الوصف |
---|---|
إدارة المحتوى المدعومة بجافا سكريبت | استغل مرونة جافا سكريبت لتعريف وإدارة المحتوى الخاص بك بكفاءة. |
بيئة آمنة من حيث النوع | استغل قوة TypeScript لضمان أن جميع تعريفات المحتوى الخاصة بك دقيقة وخالية من الأخطاء. |
ملفات المحتوى المتكاملة | احتفظ بترجماتك قريبة من مكوناتها الخاصة، مما يعزز سهولة الصيانة والوضوح. |
إعداد مبسط | ابدأ بسرعة مع أقل إعداد ممكن، مُحسّن بشكل خاص لمشاريع Next.js. |
دعم مكونات الخادم | مناسب تمامًا لمكونات خادم Next.js، مما يضمن عرضًا سلسًا على جانب الخادم. |
التوجيه المحسن | دعم كامل لتوجيه تطبيق Next.js، يتكيف بسلاسة مع هياكل التطبيقات المعقدة. |
قاعدة شفرة منظمة | حافظ على تنظيم قاعدة الشفرة الخاصة بك بشكل أفضل: مكون واحد = قاموس واحد في نفس المجلد. |
الترجمة التلقائية في CI | املأ ترجماتك تلقائيًا في CI باستخدام مفتاح API الخاص بـ OpenAI، مما يلغي الحاجة إلى منصة L10n. |
تكامل خادم MCP | يوفر خادم MCP (بروتوكول سياق النموذج) لأتمتة بيئة التطوير المتكاملة (IDE)، مما يتيح إدارة المحتوى بسلاسة وسير عمل التدويل (i18n) مباشرة داخل بيئة التطوير الخاصة بك. تعرف على المزيد. |
دعم لغة ماركداون | استيراد وتفسير ملفات ماركداون للمحتوى متعدد اللغات مثل سياسات الخصوصية. |
محرر بصري مجاني ونظام إدارة محتوى | يتوفر محرر بصري مجاني ونظام إدارة محتوى إذا كنت بحاجة إلى العمل مع كتّاب المحتوى لترجماتك، مما يلغي الحاجة إلى منصة تعريب ويسمح بفصل المحتوى عن قاعدة الشيفرة. |
استرجاع المحتوى المبسط | لا حاجة لاستدعاء دالة t لكل قطعة محتوى؛ يمكنك استرجاع كل المحتوى الخاص بك مباشرة باستخدام هوك واحد فقط. |
تنفيذ متسق | نفس التنفيذ لكل من مكونات العميل والخادم، لا حاجة لتمرير دالة t الخاصة بك عبر كل مكون خادم. |
محتوى قابل للتقليل الشجري | المحتوى قابل للتقليل الشجري، مما يخفف من حجم الحزمة النهائية. |
العرض الثابت غير المعوق | لا يقوم Intlayer بحجب العرض الثابت كما يفعل next-intl. |
التشغيل البيني | يسمح بالتشغيل البيني مع react-i18next، next-i18next، next-intl، و react-intl. |
تاريخ الوثيقة
- 5.5.10 - 2025-06-29: بداية التاريخ