مكتملweb-app2026-07-15T00:00:00.000Z

منصة الوصابي لإدارة الكتالوج والمحتوى

منصة ويب ثنائية اللغة تجمع الموقع التعريفي والكتالوج الرقمي والمدونة مع لوحة تحكم آمنة لإدارة محتوى الوصابي.

منصة الوصابي لإدارة الكتالوج والمحتوى

status

completed

category

web-app

stack_items

9

views

33

Overview

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

Challenge / Problem

الحاجة إلى توحيد الحضور المؤسسي والكتالوج والمحتوى التحريري في تجربة ثنائية اللغة، مع تمكين فريق العمل من تحديث البيانات بأمان دون تعديل السورس، والحفاظ على طبيعة الكتالوج التعريفية دون إضافة الأسعار أو المخزون أو عمليات الشراء.

Solution

تم بناء منظومة مترابطة تتكون من موقع عام محسّن لمحركات البحث، ولوحة تحكم ثنائية اللغة، وواجهة API معيارية لإدارة دورة حياة المحتوى. شمل التنفيذ صلاحيات مبنية على الأدوار، وجلسات JWT قابلة للتجديد، وحماية CSRF، وسجل تدقيق، ومعالجة تلقائية للصور إلى أحجام WebP متعددة، واستيراد بيانات الكتالوج من CSV وXLSX، وجدولة نشر المقالات، وإعادة التحقق من صفحات Next.js عند تحديث المحتوى

My Role

Full Stack Engineer

Architecture Panel

UI

طبقة واضحة ضمن المنتج

API

طبقة واضحة ضمن المنتج

Data

طبقة واضحة ضمن المنتج

Deploy

طبقة واضحة ضمن المنتج

Technologies

DockerGitNestJSNext.jsNode.jsPostgreSQLReactREST APITypeScript

Results

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

Case Study

نظرة عامة\n\nمنصة رقمية متكاملة لشركة الوصابي، تجمع بين الموقع المؤسسي والكتالوج التعريفي والمدونة ونظام إدارة المحتوى، مع دعم كامل للغتين العربية والإنجليزية واتجاهي RTL وLTR.\n\n## التحديات\n\nتطلّب المشروع إدارة عدد كبير من المنتجات والفئات والعلامات التجارية والمقالات من مصدر مركزي، مع توفير محتوى مترجم وروابط مستقلة لكل لغة، وتأمين لوحة الإدارة، وتحسين أداء الصور والصفحات العامة، مع الالتزام بأن يظل الكتالوج مخصصًا للعرض والاستفسار وليس للبيع المباشر.\n\n## الحل\n\nتم فصل المشروع إلى واجهة عامة، ولوحة إدارة، وخدمة خلفية مستقلة. تتصل الواجهات بواجهات API موحدة، وتدعم إدارة حالات المحتوى والنشر والأرشفة والاستعادة، بينما تتولى الخدمة الخلفية التحقق من المدخلات والصلاحيات والجلسات ومعالجة الوسائط وتسجيل العمليات الحساسة.\n\n## البنية التقنية\n\nتعتمد الواجهة العامة ولوحة التحكم على Next.js وReact وTypeScript، وتستخدم الخدمة الخلفية NestJS وTypeORM مع PostgreSQL. جرى تجهيز صور Docker متعددة المراحل، وتوثيق الواجهات باستخدام OpenAPI، وإضافة تخزين محلي أو متوافق مع S3، ومعالجة الصور بواسطة Sharp.\n\n## الوحدات الأساسية\n\n- إدارة المنتجات والفئات والعلامات التجارية والترجمات.\n- صفحات كتالوج قابلة للبحث والتصفية والترقيم.\n- مدونة بتصنيفات ووسوم ونشر مجدول ومعاينة قبل النشر.\n- مكتبة وسائط تنتج نسخ WebP مخصصة للصور المصغرة والبطاقات والعرض الكبير.\n- إدارة المستخدمين والأدوار والصلاحيات والجلسات.\n- إعدادات عامة وسجل تدقيق ولوحة مؤشرات إدارية.\n- استيراد بيانات الكتالوج من ملفات CSV وXLSX مع وضع الفحص التجريبي.\n- صفحات محسّنة لمحركات البحث مع Sitemap وRobots وبيانات منظمة.\n\n## النتائج\n\nأصبح المشروع يوفّر بنية موحدة لإدارة المحتوى وعرضه عبر الويب، مع فصل واضح بين الواجهة العامة والإدارة والخدمة الخلفية، وتغطية اختبارية للعقود الأمنية وتدفقات الكتالوج والمصادقة والمحتوى المترجم.

Gallery

منصة الوصابي لإدارة الكتالوج والمحتوى - 1
منصة الوصابي لإدارة الكتالوج والمحتوى - 2

هل تريد بناء مشروع مشابه؟

يمكننا تحويل الفكرة إلى نطاق واضح، واجهة قابلة للاستخدام، ونظام جاهز للنشر.

ابدأ مشروعًا