غاتسبي العظيم!

2019-12-22

مرّ وقتٌ طويل منذ آخر تدوينة نُشرت هنا.. في تلك الأثناء كنتُ أفكّر بنقل الموقع لاستخدام Gatsby.js والذي تعرفت عليه وتعاملتُ معه طويلًا خلال الأشهر الماضية في العمل. هذا الانتقال هو الرابع منذ أن بدأتُ طريفيات في خريف 2008 مع ووردبريس، ثم غوست في صيف 2017، وهوغو منذ عام حتى تاريخ اليوم.

غاتسبي إطار عمل يعتمد على ريأكت، يولّد صفحات HTML ساكنة بدءًا من ملفات نصيّة أو مصادر أخرى للمحتوى (مثلا مدوّنة ووردبريس!). هذا يعني بأن محتوى المدوّنة هو مجرّد نصوص - يمكن أن تكون بتنسيق ماركداون لكني أُفضّل استخدام org-mode - تُكتب بواسطة أي مُحرر نصيّ (أنا أستخدم إيماكس)، ثم تُرفع إلى مستودع git؛ ما يُطلق عملية بناء جديدة للموقع لتصبح التدوينة متاحة للعموم تلقائيًا. (أستخدم لذلك CI/CD من غيتلاب).

بفضل استخدام غاتسبي مكتبةَ Sharp لمعالجة الصور؛ ستكون صفحات المدونة الآن أسرع بنسبة 50-60% حسب بعض القياسات التي أجريتها.

كما أصبح بالإمكان، عند تصفح المدوّنة من أي هاتفٍ محمول، إضافتها إلى شاشة الرئيسية كتطبيق ويب، هذا يُسهل العودة إليها لاحقًا والتعامل معها وكأنها تطبيق مُثبت على هاتفك.

غاتسبي يستعمل كذلك React لكتابة قوالب الصفحات ستتاح لي الفرصة لكتابة أوّل قالب لطريفيات منذ إنطلاقها. عظيم!

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

بعد ذلك سيكون عليّ إضافة بعض الألوان والتنسيقات هنا وهناك، ثم حلّ بعض المشاكل مع خدمة التعليقات التي أستخدمها isso (رغم بعض الجهد، لكن هذا أفضل من Disqus بكثير).

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

الأهم، أنني سأحاول الكتابة والنشر بوتيرة أعلى من السابق.

حسنًا لنرى :)

comments powered by Disqus