Silver Precision
متجر فاخر بلغتين مع منتجات ثلاثية الأبعاد ونقش مخصص ولوحة إدارة خاصة
متجر إلكتروني فاخر لبائع سعودي للحقائب والمناظير والنقش المخصص: عرض تفاعلي ثلاثي الأبعاد للمنتجات، ومحرر للنقش، وحسابات عملاء، والتقاط للمهتمين، وغرفة تحكم إدارية، على خادم Node خفيف.
زيارة الموقعsilverprecisiongroup.com
- صفحة بلغتين
- 26
- معالج API
- ~57
- نماذج ثلاثية الأبعاد
- 9
- فحص طرف لطرف
- 118
الشاشات
نظرة عامة على غرفة التحكم الإدارية مع الإيرادات والطلبات والعملاء المهتمين وتوزيع الطلبات حسب الحالة
الواجهة الرئيسية مع العارض التفاعلي ثلاثي الأبعاد
محرر محتوى الواجهة بالعربية والإنجليزية مع معاينة حية للقسم الرئيسي
صفحة المنتج مع معرض القطعة المنقوشة والسعر
صفحة منتج بنقش مخصص مع تبويبي الصور والمجسم ثلاثي الأبعاد وخيار السعر عند الطلب
الواجهة الرئيسية على الجوال مع العارض ثلاثي الأبعاد والقطعة المميزة
لوحة التحكم على الجوال مع بطاقات المؤشرات ومخطط الإيرادات وتوزيع حالات الطلبات
شاشة التسوق حسب القسم على الجوال للمجموعة الرئيسية والمناظير والإكسسوارات
المشكلة / الحل
المشكلة
المنتجات الفاخرة تُباع بالتفاصيل والثقة، والقوالب الجاهزة تُسطّح الاثنين. وكان الفريق يحتاج أيضًا متابعة المهتمين بالشراء، لا الطلبات المكتملة فقط.
- العملاء يريدون رؤية المنتج من كل زاوية قبل الشراء.
- طلبات النقش والتخصيص كانت تُدار بالرسائل.
- المهتمون الذين لم يكملوا الشراء كانوا يضيعون.
- الموقع يجب أن يظهر في البحث بالعربية والإنجليزية.
الحل
متجر سريع بلغتين مبني حول المنتج، مع لوحة إدارة يستخدمها الفريق فعلًا.
- عارض تفاعلي ثلاثي الأبعاد للمنتجات، ومحرر للنقش والتخصيص.
- حسابات عملاء وسلة وفواتير ودفع عبر صفحة الدفع الرسمية.
- مسار «أنا مهتم» يغذي قائمة متابعة للعملاء المحتملين.
- غرفة تحكم إدارية للطلبات والمهتمين والمنتجات والوسائط والفريق والنسخ الاحتياطي.
- صفحات عربية وإنجليزية مولّدة على الخادم مع بيانات منتجات منظمة.
الهيكلة
الهيكلة
واجهة Vite مع صفحات مولّدة على الخادم لمحركات البحث، يخدمها خادم Node HTTP بسيط.
المتجر
- Vite 7
- وحدات ES
- Three.js
الخادم
- Node 22 بلا إطار عمل
- جلسات SameSite
- تحديد معدل الطلبات
البيانات
- SQLite أو MySQL
- أدوات ترحيل ونسخ احتياطي
النشر
- صورة Docker محصّنة
- nginx مع TLS
الهندسة
قرارات هندسية
المطلوب موقع يبدو بدقة المنتجات نفسها. وهذا يعني السرعة والأمان أولًا، ثم الـ 3D.
- اعتماديات أقل وسطح هجوم أصغر
- الخلفية Node بسيط مع تشفير كلمات المرور بـ scrypt، وملفات جلسة SameSite=Strict، وترويسة طلب إلزامية وفحص للمصدر، وتحديد معدل الطلبات، وسياسة أمان محتوى صارمة.
- مشغّلان لقاعدة البيانات
- الكود نفسه يعمل على SQLite المدمج أثناء التطوير وMySQL في الإنتاج، مع أداة نقل بينهما.
- 3D يبقى سريعًا
- تسعة نماذج GLB تُحمَّل عند الحاجة في عارض Three.js، والصور تُحوّل إلى WebP وقت البناء.
- SEO تقرؤه محركات البحث
- صفحات بلغتين مولّدة على الخادم مع Open Graph وبيانات schema.org للمنتجات، واجتاز تدقيق الزحف على الإنتاج كل الفحوصات.
- حاوية محصّنة
- نظام ملفات للقراءة فقط، وإسقاط كل صلاحيات Linux، ومنع رفع الصلاحيات، وحدود للذاكرة والعمليات.
- لوحة إدارة للاستخدام اليومي
- رسوم بيانية، ومسار للطلبات، وتصدير CSV، وسجل نشاط، وبحث Ctrl+K، وأداة سطر أوامر للنسخ الاحتياطي.
التقنيات
الواجهة
- Vite 7
- وحدات JavaScript
- Three.js
الخلفية
- Node.js 22
- SQLite
- MySQL
- Nodemailer
النشر
- Docker
- nginx
- TLS
الجودة
- Playwright
- سكربتات تدقيق SEO
النتيجة
أين وصل
منشور على silverprecisiongroup.com.
- 118 فحصًا من طرف لطرف و45 فحص SEO و38 فحصًا للتخصيص تعمل قبل كل إصدار.
- المهتمون والطلبات يُدارون من لوحة واحدة بدل المحادثات.
- كل صفحة عامة متاحة بالعربية والإنجليزية مع بيانات منتجات منظمة.
تحتاج شيئًا مثل هذا؟
أخبرني عن العملية التي تريد تنظيمها، وسأحوّلها إلى نظام واضح قبل كتابة أي سطر برمجي.
لنتحدث