مقدمة إلى Eleventy

Eleventy، أو كما تُعرف أيضًا بـ “11ty”، هي أداة حديثة وبسيطة لتوليد المواقع الثابتة (Static Site Generator - SSG) تعتمد على لغة JavaScript. تُستخدم لإنشاء مواقع ويب سريعة وآمنة دون الحاجة إلى قواعد بيانات أو برمجة خلفية معقدة. يُعتبر Eleventy خيارًا مثاليًا للمطورين الذين يبحثون عن أداة مرنة وسهلة الاستخدام لإنشاء مواقع مثل المدونات، المواقع الشخصية، أو مواقع التوثيق. ما يميز Eleventy هو بساطته ودعمه لعدة لغات قوالب (Templating Languages)، مما يجعله مناسبًا للمبتدئين والمحترفين على حد سواء.

أبرز مميزات Eleventy

يحظى Eleventy بشعبية متزايدة بين المطورين بسبب ميزاته العملية وسهولة استخدامه. إليك الأسباب الرئيسية التي تجعل المطورين يختارون Eleventy:

• البساطة والتكوين الافتراضي بحيث يعمل Eleventy بدون تكوين مسبق (Zero-Config)، مما يعني أنه يمكنك البدء فورًا بإنشاء موقعك دون الحاجة إلى إعدادات معقدة. يأخذ الملفات من المجلد الرئيسي ويحولها إلى صفحات HTML في مجلد الإخراج (_site).

• سرعة وأداء ممتاز لأن المواقع الناتجة عن Eleventy هي صفحات HTML وCSS وJavaScript ثابتة، فهي تُحمل بسرعة كبيرة ويمكن استضافتها بسهولة عبر شبكات توزيع المحتوى (CDN) مثل Netlify أو GitHub Pages.

• الأمان جبد لأن المواقع الثابتة أقل عرضة للاختراق لأنها لا تعتمد على قواعد بيانات أو خوادم ديناميكية.

• دعم لغات قوالب متعددة بحيث يدعم Eleventy لغات قوالب متنوعة مثل Markdown، HTML، Nunjucks، Liquid، Handlebars، وغيرها، ويمكن استخدامها معًا في مشروع واحد.

متى تستخدم Eleventy؟

• عند إنشاء مدونات شخصية أو مواقع توثيق.

• لمواقع الشركات الصغيرة أو الصفحات التعريفية.

• إن كنت تفضل التحكم الكامل في هيكل مشروعك دون أدوات ثقيلة.

أمثلة على مواقع تستخدم Eleventy

تُستخدم Eleventy من قبل مؤسسات كبرى مثل Google، Netlify، وMIT، وكذلك في مشاريع مفتوحة المصدر مثل مشروع A11y. يمكنك استكشاف أمثلة حية على 11ty.dev أو عبر مستودعات GitHub.

كيف يعمل Eleventy؟

يعتمد Eleventy على مفهوم تحويل القوالب (Templates) والبيانات إلى صفحات ويب ثابتة. إليك الخطوات الأساسية لعمل Eleventy:

1. إنشاء المشروع: تبدأ بإنشاء مجلد للمشروع وتثبيت Eleventy باستخدام Node.js وnpm:

2. إضافة القوالب: تضيف ملفات القوالب (مثل Markdown أو HTML) في المجلد الرئيسي أو مجلدات فرعية. يمكنك تحديد البيانات في الجزء الأمامي (Front Matter) لكل ملف، مثل العنوان أو الوصف:

3. التشغيل: تقوم بتشغيل Eleventy باستخدام الأمر:

يقوم هذا الأمر بتحويل القوالب إلى HTML وتشغيل خادم محلي (http://localhost:8080) لمعاينة الموقع.

4. الإخراج: يتم إنشاء الموقع في مجلد _site، وهو جاهز للنشر على أي خادم ويب.

🔗 روابط مفيدة

• الموقع الرسمي لـ Eleventy
• دليل البدء السريع