دراسة حالة · تطبيق ويب
دراسة حالة: منصة كتالوج وإدارة لمصنّع دولي لسبائك المعادن في قطاع B2B
احتاج مصنّع دولي لسبائك المعادن الثمينة إلى منصة واحدة يعرض بها منتجاته على المشترين حول العالم ويدير محتواها بنفسه. بنيناها في مستودع واحد: موقع على Next.js 16 بفئات المنتجات وصفحاتها وصفحات القطاعات ومعلومات الجودة والملفات القابلة للتنزيل ومعرض الصور، إلى جانب لوحة إدارة، تدعمها واجهة REST بلغة Go على PostgreSQL وRedis. ويعمل كل ذلك في حاويات خلف Nginx، مع فتح منافذ الويب فقط.
بقلم Web Your Vyavsay team · نُشر في
كُتب بمساعدة الذكاء الاصطناعي. تُراجَع المعلومات مقابل المصادر المذكورة ويراجعها فريقنا. ترجمة للنسخة الإنجليزية بمساعدة الذكاء الاصطناعي. تُجرى المكالمات والمشاريع باللغة الإنجليزية.
ما الذي احتاجته الشركة
- كتالوج يتصفحه المشترون حسب فئة المنتج والقطاع الذي يعملون فيه.
- صفحات منتجات مفصلة ومعلومات جودة ومستندات قابلة للتنزيل للمشترين التقنيين.
- لوحة إدارة يستخدمها الفريق لإضافة المنتجات والفئات وتحديثها دون مطوّر.
- صفحات تُحمَّل بسرعة ويمكن العثور عليها عبر البحث في بلدان كثيرة.
ما الذي بنيناه
| وظيفته | |
|---|---|
| الموقع العام (Next.js 16 وReact 19) | الصفحة الرئيسية، والمنتجات حسب الفئة وصفحة المنتج، والقطاعات، والجودة، والتنزيلات، ومعرض الصور، والتواصل |
| لوحة الإدارة | تسجيل الدخول وإدارة المنتجات والفئات للفريق |
| واجهة البرمجة (Go مع Fiber) | واجهة REST تقدّم الكتالوج وتعالج تعديلات لوحة الإدارة |
| البيانات (PostgreSQL وRedis) | المنتجات والمحتوى في PostgreSQL، مع Redis إلى جانبها |
| التقديم (Nginx وDocker) | Nginx أمام الموقع وواجهة البرمجة ويقدّم الملفات المرفوعة؛ ولا يُفتح سوى المنفذين 80 و443 |
لماذا هذه التقنيات
يعرض Next.js الكتالوج من الخادم، فتصل صفحات المنتجات كاملة إلى المشترين ومحركات البحث. وتُبقي واجهة برمجة منفصلة بلغة Go منطق العمل سريعاً ومستقلاً عن الواجهة الأمامية، ويقلّل تشغيل كل شيء في حاويات خلف وكيل عكسي واحد المساحةَ المكشوفة من الخادم.
ما الذي يمكن أن يستفيده المصنّعون والمصدّرون الآخرون
- نظّم الكتالوج بالطريقة التي يبحث بها المشترون: حسب المنتج وحسب التطبيق أو القطاع.
- قدّم للمشترين التقنيين المواصفات ومستندات الجودة القابلة للتنزيل في صفحة المنتج.
- دع فريق المبيعات يحدّث المنتجات بنفسه، حتى لا يتأخر الموقع أبداً عن قائمة الأسعار.
الأسئلة الشائعة
لماذا نستخدم Next.js لكتالوج B2B؟
لأنه يعرض الصفحات من الخادم، فتكون تفاصيل المنتج موجودة في HTML الذي يتلقاه المشترون ومحركات البحث وأدوات الذكاء الاصطناعي، كما يتعامل بسلاسة مع الكتالوجات الكبيرة عبر مسارات الفئات والمنتجات.
لماذا واجهة برمجة منفصلة بلغة Go بدلاً من تنفيذ كل شيء في Next.js؟
لأن واجهة البرمجة المنفصلة تُبقي قواعد العمل في مكان واحد يمكن لقنوات أخرى، مثل تطبيق جوال أو تكامل مع نظام ERP، إعادة استخدامه لاحقاً، وتؤدي Go هذا العمل بكفاءة.
هل يستطيع فريق المبيعات تحديث المنتجات دون مطوّر؟
نعم. تتيح لوحة الإدارة للفريق إدارة المنتجات والفئات مباشرة.
هل يحتاج المصنّع إلى منصة مخصصة بدلاً من أداة لبناء المواقع؟
ليس دائماً. فأداة بناء المواقع تكفي لموقع تعريفي صغير. أما المنصة المخصصة فتستحق التكلفة مع الكتالوجات الكبيرة أو المستندات التقنية أو تعدد اللغات أو التكامل مع الأنظمة الداخلية.