سيارة
سوق لقطع غيار السيارات للمستخدمين الناطقين بالكردية، أُعيد بناؤه باستخدام نظام إدارة محتوى (CMS)
- الدور
- مطور واجهات أمامية (متدرب)
- الحالة
- منشور
- السنة
- 2025
- المدة
- شهران (سبتمبر – نوفمبر 2025)
- التقنيات
- Next.js
- Sanity CMS
- Tailwind CSS
- React
- المهارات
- Frontend Architecture
- Headless CMS Integration
- Performance Optimization
- Version Control (Git)
- الروابط
- عرض حقيقي
النتائج
46 → 81
أداء Lighthouse
المشكلة
كانت الصفحة الرئيسية للمنصة الأصلية مبرمجة بشكل ثابت بالكامل، مما جعل تحديث المحتوى صعباً على فريق التسويق وأدى إلى انخفاض درجات أداء Lighthouse إلى 46.
ما قمت ببنائه
- هندسة نظام ملفات جديد وإعادة بناء الصفحة الرئيسية من الصفر باستخدام Next.js و Tailwind CSS.
- دمج Sanity كنظام إدارة محتوى منفصل للسماح لفريق التسويق بتحديث المحتوى ديناميكيًا دون تدخل المطورين.
- توثيق تاريخ Git بدقة لضمان تسليم سلس وتعاون منظم.
القرارات الأساسية
استخدام Headless CMS بدلاً من Supabase
لماذا
تم اختيار نظام إدارة محتوى منفصل (Sanity) بالتحديد لأن الحاجة الماسة كانت لإدارة المحتوى المنظم لأغراض التسويق، وليس قاعدة بيانات علائقية لحالة تطبيق المستخدم.
المقايضة
يتفوق Sanity في محتوى التسويق ولكنه ليس مخصصاً لمصادقة المستخدمين المعقدة في الواجهة الخلفية، وهو ما كان مقبولاً تماماً بالنظر إلى نطاق الصفحة الرئيسية.
ملاحظات تقنية
تحسن كبير في أداء Lighthouse
من خلال استبدال الأكواد القديمة الثقيلة بهيكلية Next.js محسّنة تعتمد على التوليد الثابت (static generation)، قفزت درجة الأداء من 46 إلى 81.
ما سأقوم به لاحقاً
وفرت فترة التدريب هذه خبرة واقعية في استبدال الأنظمة القديمة المبرمجة بشكل ثابت بهندسة حديثة قابلة للصيانة، مع الاعتماد بشكل كبير على نظام إدارة المحتوى المنفصل وتحسين أداء العرض.
هل تحتاج إلى شيء مشابه؟
متاح لشغل وظائف هندسية بدوام كامل في الواجهات الأمامية أو تطوير الويب المتكامل، والأدوار التعاقدية، والمبادرات التقنية المجتمعية المؤثرة.