مرحبا يا هبر!

أود أن أعرض مولد موقع ثابت مفتوح المصدر مكتوبًا في Node.JS استنادًا إلى Webpack إلى شعب هابروفسك .

المشروع مستوحى من نفس Jekyll ، ولكنه يستخدم بشكل أساسي مجموعة تكنولوجية حديثة. على سبيل المثال ، يوفر إمكانية "تحميل سريع" (بدون إعادة تحميل الصفحة) للنصوص والأساليب المعدلة.

يستهدف المشروع جمهورًا دوليًا ، لذا فإن الموقع الرسمي والوثائق ومقاطع الفيديو باللغة الإنجليزية.

الميزات

• مكدس التكنولوجيا الحديثة
  أنشئ مواقع حديثة باستخدام نصوص وأنماط مكتوبة بشكل جيد (مصغر ومضغوط بما في ذلك gzip).
  يمكنك تطوير نموذج أولي للموقع بسرعة ونشره على الخادم.
  استخدم أي إطار أمامي حديث (Webpack في الداخل) - Vue.JS ، React ، Angular ، Ember ، إلخ.
• بسرعة فائقة وموثوق بها
  يعالج ~ 1000 صفحة في الثانية (حسب محتوى الصفحة ، وكذلك قوة المعالج).
  من الواضح أن عملية عرض HTML الثابت أسرع عدة مرات من أي لغة مترجمة.
• سوف تفعل أي استضافة
  لا يتطلب قاعدة بيانات (يتم تخزين المعلومات في الملفات) ويعمل على أي استضافة (نظرًا لأن الإخراج هو ملفات html ثابتة وأصول ).
• النشر المضمن
  قم بإنشاء إعداد مسبق ونشر الموقع على الخادم عبر FTP أو SFTP أو حتى rsync .
  في الآونة الأخيرة ، تم إصدار مادة حول كيفية نشر موقع مجانًا الآن. sh.
• آمن. لا تحديثات
  يمكنك نسيان الحاجة إلى تحديثات منتظمة ، على سبيل المثال ، في نفس WordPress.
  الأمان عند مستوى 100٪ لأنه لم يتمكن أحد حتى الآن من كسر HTML (ميزة) ثابتة.
• مجانًا. المصدر المفتوح
  استخدم على الصحة. لا تدفع فلسا واحدا.
  

ما هي الأغراض المناسبة:

• النماذج الأولية السريعة (صنع نموذجًا ، وأظهر نموذجًا أوليًا صالحًا ، ثم سحبه إلى المحرك)
• محفظة
• موقع الشركة
• موقع المنتج
• مدونة شخصية

مناسب لأي موقع لا يوجد به محتوى من إنشاء المستخدم.

يمكنك أيضًا إنشاء مدونة جماعية باستخدام طلبات السحب على Github .

باستخدام Firebase أو أي واجهة برمجة تطبيقات أخرى مكتوبة بأي لغة (PHP أو Ruby أو Python أو Node.JS) أو حتى باستخدام WordPress (JSON-API) ، وإطار أمامي حديث مثل Vue.JS أو React ، يمكنك إنشاء موقع ديناميكي لـ مهام أكثر تعقيدًا: متجر على الإنترنت ، وكتالوج المنتجات ، وما إلى ذلك.

لماذا ليست مناسبة:

• المنتدى
• شبكة اجتماعية
• الدردشة

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

المتطلبات

يجب أن تكون قد قمت بتثبيت Node.JS (9.x أو أعلى) و NPM (عادةً ما تسير معًا).

التنزيل والتثبيت (إذا لم تكن قد قمت بذلك بالفعل).

يوصى باستخدام الأخير (v10.12.0) Node.JS.

لا يعمل مع Node.JS <v9.x ، لأن SASS ، Less ، Stylus يتم تجميعه خارج الصندوق ، وتتطلب node-sass الإصدار 9.

يمكنك أيضًا استخدام الغزل بدلاً من NPM .

يعمل Cogear.JS على:

• ماك
• لينكس
• نوافذ

يمكنك الآن استخدام VSCode المألوف للتطوير.

التثبيت

بسيط بدون حيل:

 $ npm install cogear -g # or $ yarn global add cogear 

هذا كل شيء. تم التثبيت بنجاح.

Cogear.JS بعد التثبيت متاح من خلال أمر وحدة التحكم cogear .

الآن يمكنك إنشاء الموقع الأول.

استخدم

انتقل إلى الدليل حيث يتم تخزين مواقع الويب الخاصة بك.

 $ cd ~/Sites 

اتصل بالفريق لإنشاء موقع جديد:

 $ cogear new site.io #  "site.io" –      

ثم انتقل إلى هذا الدليل:

 $ cd ~/Sites/site.io 

قم بتشغيل Cogear.JS في وضع development أو وضع production (التحضير للإنتاج) ( المزيد حول أوضاع التشغيل ).

 $ cogear # -     « »     $ cogear production #       —        

خيارات

يمكنك رؤية قائمة بخيارات سطر الأوامر عن طريق إضافة علامة --help .

روابط مفيدة

إذا كان الموضوع يثير اهتمام مواطني هابروفسك ، فيمكنني عمل سلسلة من الدروس ، ماذا وكيف.

• الموقع الرسمي https://cogearjs.org
• الوثائق https://cogearjs.org/docs
• مدونة https://cogearjs.org/blog
• مستودع https://github.com/codemotion/cogear.js
• دروس يوتيوب
• قائمة الإضافات والموضوعات

PS I لم تنشر على المصدر المفتوح.

اطرح الأسئلة ، حاول الإجابة.