دوال التدويل لكل مكون

    آمن الأنواع. ترجم بالذكاء الاصطناعي. حرر بصريًا.

    عرِّف الترجمات بجوار المكونات لتسريع تطويرك. حافظ على كون الحزمة خفيفة كما ينبغي. ادعُ المحررين عبر نظام إدارة المحتوى. كل مساهمة محل تقدير حقيقي.

    npm install intlayer

    متاح ل

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    جربه مجاناً باستخدام الملعب.اذهب إلى الملعب
    intlayer test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

    حسِّن صيانة الكود عن طريق إبقاء تعريفات المحتوى قريبة من مكوناته. قلل التكرار، عزز الوضوح، وبسط التحديثات باستخدام نهج منظم يجعل الكود أسهل في الإدارة والتوسع بمرور الوقت.

    استخرج محتواك فوراً باستخدام محرك الترجمة Intlayer. سيقوم تلقائياً بإنشاء ملفات القاموس اللازمة لمحتواك لجعل تطبيقك يدعم التعدد اللغوي في لحظة.

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

    وسّع نطاق وصولك باستخدام دعم الترجمة المدمج. ترجم المحتوى الخاص بك بسهولة عبر واجهة سهلة الاستخدام، مما يضمن تجربة متعددة اللغات سلسة لمستخدميك دون عناء إدارة عدة إصدارات للمحتوى يدويًا.

    استخدم أداة Intlayer CLI لاختبار واستكمال المحتوى الخاص بك باستخدام الذكاء الاصطناعي لضمان اكتمال ودقة جميع الترجمات.

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

    مجاني ومفتوح المصدر

    Intlayer مجاني ومفتوح المصدر، مما يتيح لك استخدامه مجانًا والمساهمة وفقًا لاحتياجاتك.

    إدارة المحتوى المدعومة من JavaScript

    استفد من مرونة JavaScript لتعريف وإدارة المحتوى الخاص بك بكفاءة.

    بيئة آمنة من نوعها

    استفد من TypeScript لضمان دقة جميع تعريفات المحتوى الخاصة بك وخلوها من الأخطاء.

    إعلان على مستوى المكون

    احتفظ بترجمتك بالقرب من مكوناتها الخاصة، مما يعزز القابلية للصيانة والوضوح.

    إعداد مبسط

    ابدأ بسرعة مع الحد الأدنى من التكوين، مع تحسين خاص لمشاريع Next.js.

    CMS متكامل

    قم بتحرير المحتوى الخاص بك على موقع الويب الخاص بك باستخدام نظام إدارة المحتوى المتكامل مباشرة على موقع الويب الخاص بك. عزز إنتاج المحتوى بفضل الذكاء الاصطناعي.

    التكنولوجيا

    تحميل JSON الديناميكي

    تحميل الترجمات ببطء في وقت التشغيل

    JSON المحدد (أسماء المحيط)

    مساحات أسماء الترجمة لكل صفحة

    مقياس أداء I18n

    لا توجد بيانات

    ما هو هذا المقياس؟

    الحجم الإجمالي المضغوط بتنسيق gzip لحزمة مكتبة التدويل. وهي تتضمن فقط المزود ومنطق استرداد المحتوى بعد تقليل الحجم (tree-shaking) والضغط (minification).

    لماذا هو مهم؟

    يقلل حجم المكتبة الأصغر من حمولة JavaScript الأولية، مما يؤدي إلى سرعة التنزيل وأوقات التنفيذ على العميل.

    عرض كـ

    حلّل درجة التوطين العالمية لموقعك

    قيّم بسرعة ومجانًا جودة التوطين في موقعك الإلكتروني. حلّل العناصر المتعددة اللغات الرئيسية في موقعك للحصول على درجة شاملة ورؤى قابلة للتنفيذ لتحسين مدى الوصول.

    i18n القائم على الكود

    ترجمات آمنة النوع تعيش في مستودعك.

    أعلن عن المحتوى بجانب مكوناتك في TypeScript أو JavaScript. يقوم Intlayer بإنشاء الأنواع تلقائيًا، مما يمنحك الإكمال التلقائي والتحقق والملاحظات الفورية. لا مزيد من المفاتيح المفقودة أو تبديل السياق.

    AI CLI Tool

    أتمتة الترجمات من المحطة الطرفية (Terminal).

    واجهة سطر الأوامر (CLI) لتدقيق وملء وترجمة JSON و Markdown بالذكاء الاصطناعي.

    قم بتشغيل `npx intlayer fill` لاكتشاف المفاتيح المفقودة وإنشاء ترجمات باستخدام OpenAI أو Claude أو النماذج المحلية. حافظ على نظافة سجل Git وسلامة الأنواع.

    Intlayer TMS

    توقف عن الدفع لكل كلمة. أتمتة باستخدام الذكاء الاصطناعي.

    البديل مفتوح المصدر لـ Crowdin و Lokalise. مبني لسير عمل المطورين الحديث.

    إدارة الترجمات مباشرة في الكود أو عبر المحرر المرئي. استفد من الذكاء الاصطناعي للترجمة الفورية. تعاون مع فريقك دون حدود المقاعد.

    نظام إدارة المحتوى (Headless)

    اربط الكود المحلي بالمحتوى البعيد.

    أدر المحتوى متعدد اللغات بدون عبء إضافي. يتيح لك Intlayer ربط القواميس المحلية بالإدارة عن بُعد، مما يتيح المزامة الحية للتحديثات الفورية دون إعادة البناء. استخدم Webhooks لـ CI/CD وأدر إشارات الميزات.

    أعلام الميزات

    تبديل الميزات فورا. لا يتطلب نشر.

    قواميس Intlayer هي أكثر من مجرد نصوص. استخدمها لتعريف المنطق والأنماط والتكوينات. مع Live Sync، يمكنك تشغيل الميزات أو إيقافها، وتغيير سمات واجهة المستخدم، وتحديث سلوك التطبيق في الوقت الفعلي مباشرة من CMS.

    اختبار AB

    ملعبك لتجارب المنتجات.

    كن أول من يستكشف نسخة تجريبية جديدة من A/B Testing المدعوم بالذكاء الاصطناعي من Intlayer، والمصممة لتعزيز قابلية الاكتشاف وتوجيه قرارات المنتج الأكثر ذكاءً. اختبر أي شيء في الوقت الفعلي، من النسخ والتصميم إلى الميزات الكاملة، ودع البيانات تظهر لك ما يعمل حقًا.

    متاح على

    جرب العرض التوضيحي المباشر

    بناه المجتمع

    تعرف على المساهمين المذهلين الذين يجعلون Intlayer ممكنًا

    الأسئلة الشائعة

    ما هو التدويل (i18n)؟

    التدويل (i18n) هو عملية تصميم وتطوير التطبيقات مثل Next.js وReact أو Express لدعم لغات متعددة بسهولة. يتيح لك إنشاء مواقع ويب متعددة اللغات من خلال تبسيط عملية الترجمة. تجعل الأدوات مثل TypeScript من السهل تنفيذ i18n، مما يسمح بتكيف كفء وسهل لتطبيقك مع لغات ومناطق مختلفة.اقرأ المزيد عن التدويل

    ما هي المميزات الرئيسية لـ Intlayer؟

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

    هل هناك محرر مرئي في Intlayer؟

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

    ما هي تكلفة استخدام Intlayer؟

    يُدمج Intlayer مجموعة مختارة من حزم NPM المجانية جنبًا إلى جنب مع محرر مرئي. بالإضافة إلى ذلك، يقدم نظام CMS لخارجية المحتوى. هذا النظام مجاني للاستخدام ولكنه يتضمن ميزات إضافية لأعضاء خطط Premium و Enterprise.اقرأ المزيد عن خطط Intlayer

    هل يمكنني دمج Intlayer على أساس الحلول الموجودة؟

    نعم، يمكن دمج Intlayer كغلاف حول i18next وnext-intl وvue-i18next والمزيد. يتيح لك ذلك أتمتة الترجمات واستخدام Intlayer دون الحاجة إلى إعادة هيكلة الكود الحالي الخاص بك.

    ما هو Intlayer؟

    Intlayer هو حزمة تسمح لك بإدارة موقع الويب متعدد اللغات الخاص بك. يوفر مجموعة من الأدوات والمرافق التي تجعل من السهل إعداد موقع الويب الخاص بك لمحتوى متعدد اللغات والتعريب.اقرأ المزيد عن Intlayer

    كيف يتكامل Intlayer مع Next.js؟

    يتكامل Intlayer مع Next.js لتمكين عملية التجسيد من جانب الخادم وإنشاء المواقع الثابتة، مما يجعل تسليم المحتوى متعدد اللغات أكثر كفاءة.اقرأ المزيد عن تكامل Intlayer مع Next.js

    كيف يمكنني المساهمة في Intlayer؟

    يمكنك المساهمة من خلال تقديم طلبات سحب أو الإبلاغ عن مشكلات على مستودع GitHub.اقرأ المزيد عن كيفية المساهمة

    ما هي المنصات التي يدعمها Intlayer؟

    يتوفر Intlayer لـ React (بما في ذلك Create React App) و Vite مع React و Next.js و Tanstack Start و Vue و Nuxt و Express و NestJS و Preact والمزيد. يضمن ذلك تكاملاً سلساً مع إطار العمل الحديث JavaScript والبيئات من جانب الخادم.اقرأ المزيد عن المنصات المدعومة
    اقرأ جميع الأسئلة الشائعة