العملية الفكرية وراء إطلاق هذه المدونة
أشارك العناصر والمحتويات التي أخذتها في الاعتبار عند إطلاق هذه المدونة، من الأهداف إلى اختيار أطر عمل الواجهة الأمامية و CMS.
لقد قمت بتجميع الأفكار الأولية التي كانت لدي عند إطلاق هذه المدونة.
【الهدف】
من خلال التدوين حول التقنيات التي اكتسبتها، أهدف إلى الوصول إلى فهم دقيق وعميق للتكنولوجيا، وكعنصر إضافي، محاولة تحقيق الدخل منها لتكملة أموال صيانة الخادم. وبناءً على ذلك، فإن الأولويات هي كما يلي:
- اكتساب أحدث التقنيات.
- الحفاظ على تكاليف التشغيل منخفضة قدر الإمكان. وإذا تجاوزت النفقات الإيرادات، يصبح الاستمرار صعباً.
- تقليل الجهود غير المتعلقة بالمقالات، مثل متاعب التشغيل ونشر المقالات.
- من المخطط أن يكون محتوى المقالات تقنياً في المقام الأول، يليه الهوايات.
【اعتبارات بيئة التشغيل】
لقد قمت بإدراج طرق التشغيل لبدء المدونة.
<عيوب المواقع المجانية>
- لا تؤدي إلى اكتساب أحدث التقنيات.
- تعرض المواقع المجانية إعلانات تلقائياً، مما يزيد من العروض التي لا تؤدي إلى إيرادات. كما قد يتم عرض إعلانات غير مقصودة.
<عيوب المواقع المدفوعة>
- لا تؤدي إلى اكتساب أحدث التقنيات.
- المشكلة هي أنها تكلف مالاً. وهناك فرصة كبيرة للإقلاع دون الاستمرار.
<مستقل: JS Framework + GitHub + Headless CMS + Cloudflare Pages>
- إدارة المحتوى عبر Headless CMS، وهو شكل جديد من أنظمة إدارة المحتوى، بالإضافة إلى إطار عمل JS.
- مجاني أساساً، وبذلك يتحقق الهدف.
【بيئة التطوير】
لذلك، بناءً على الاعتبارات المذكورة أعلاه ومعلومات أطر العمل أدناه، كجزء من دراستي لتطوير التطبيقات واسعة النطاق في المستقبل، قررت محاولة بناء موقع مدونة باستخدام إطار عمل الواجهة الأمامية + headless CMS + Cloudflare Pages.
مقارنة أطر عمل الواجهة الأمامية الرئيسية لعام 2026
اسم إطار العمل | المطور | الميزات |
React | Meta (فيسبوك) | تتم إدارة واجهة المستخدم على أساس المكونات، ويكون العرض سريعاً لأن الفروق فقط هي التي يتم عرضها عبر DOM الافتراضي. |
Vue.js | Evan You | بسيط مع تكاليف تعلم منخفضة. والعديد من الموارد المتاحة باللغة اليابانية. أفضله شخصياً. |
Astro | Astro Technology Company | يقوم Astro بعرض الصفحة بأكملها في كود HTML ثابت ويحقق أداءً عالياً عن طريق إزالة لغة JavaScript غير الضرورية. وهو إطار العمل الأمثل للمدونات. |
الخلاصة
لذلك، قررت المضي قدماً في استخدام Astro + Strapi + Alloydb (PostgreSQL) + TailwindCSS + Cloudflare Pages + Macbook Pro كأساس تكنولوجي لهذه المدونة. والنقطة المهمة هنا هي أن الإنتاج يحتوي على بيانات ثابتة بالكامل. ويبدو الأمر وكأننا نستخدم strapi فقط عند كتابة المقالات.
[المصادر]
1. نتائج الهجرة من Next.js إلى Astro على Kakaku Tech Blog
2. ويكيبيديا - إطار عمل ويب Astro
3. ويكيبيديا - مكتبة واجهات المستخدم Vue.js