HOLME Engineering

منصة ويب مؤسسية ونظام إدارة محتوى بدون رأس لشركة أنظمة بحرية وطاقة مستقلة، عملتُ فيها على Backend المبني بـ Laravel وتكامل واجهات API مع Frontend المبني بـ Next.js.

المسار المهني

بُني خلالها ·مهندس Full-Stack @ Holme Engineering

التقنيات المستخدمة :

خاص

معاينة مباشرة

1 / 3

نظرة عامة على المشروع

تبني HOLME Engineering برامج حيوية للسفن البحرية المستقلة وأنظمة الطاقة البحرية ومنصات الأتمتة الصناعية. جمهورها (صانعو القرار في أحواض بناء السفن وشركات الطاقة والمقاولين الدفاعيين) يقيّم الشركاء التقنيين من خلال حضورهم الرقمي، لذا احتاجت الشركة منصة ويب تعكس الدقة نفسها التي تميّز هندستها.

تجمع المنصة بين Frontend مبني بـ Next.js 16 ونظام إدارة محتوى بدون رأس (Headless CMS) مبني بـ Laravel. يدير المسؤولون كل صفحة وخبر ومنشور علمي ومشترك وحملة بريدية عبر REST API، دون أي تعديل على Frontend أو إعادة نشر.

كان دوري في Backend وتكامل واجهات API: واجهة API المبنية بـ Laravel خلف نظام إدارة المحتوى، مع التخزين المؤقت والمصادقة وإرسال البريد والاختبارات، وربطها بـ Frontend المبني بـ Next.js.

ما تقدّمه المنصة

منشئ صفحات ديناميكي: نظام CMS مبني على المخططات مع 39 نوعاً من الأقسام ونصوص قابلة للتنسيق وترتيب مرن للمحتوى
إدارة الأخبار: دورة حياة كاملة للمقالات (مسودة، منشور، مؤرشف) مع تصفية وتصنيفات وإشعارات بريدية
المنشورات العلمية: إدارة المنشورات الأكاديمية والبحثية مع التحقق من DOI والوصول عبر الروابط الوصفية
نظام النشرة البريدية: اشتراكات، إلغاء اشتراك برموز آمنة، معالجة الارتدادات، تصدير CSV، وحملات بريدية جماعية
مسارات التواصل: نموذج اتصال عام مع إدارة الرسائل من لوحة التحكم وإشعارات بريدية
إدارة قائمة على الأدوار: تسجيل بالدعوة فقط مع دورين منفصلين: مشرف ومسؤول وسائط اجتماعية
لوحة تحليلات: مقاييس واتجاهات وأحدث المقالات والاستفسارات، مدعومة بسجل تدقيق كامل

Backend

الأجزاء التي بنيتُها في Backend المبني بـ Laravel:

REST API مُدار بالإصدارات: كل محتوى يعرضه الموقع العام يأتي من API واحد، فيعرض Frontend أي بنية تعيدها
تخزين مؤقت بـ Redis: خزّنتُ استجابات CMS المبنية على المخططات مؤقتاً لقراءات عامة سريعة
المصادقة والأمان: مصادقة برموز Sanctum ورؤوس أمان صارمة
بريد عبر الطوابير: رسائل النظام والحملات البريدية تُرسل عبر Postmark من طابور
مجموعة الاختبارات: 1,333 اختباراً بـ Pest عبر وحدات Backend

دوري

بنيتُ REST API المُدار بالإصدارات والمنطق من جانب الخادم في Backend المبني بـ Laravel
أضفتُ التخزين المؤقت بـ Redis لاستجابات نظام إدارة المحتوى
نفّذتُ المصادقة برموز Sanctum ورؤوس الأمان
جهّزتُ إرسال البريد عبر الطوابير بـ Postmark
بنيتُ مجموعة اختبارات Backend بـ Pest (1,333 اختباراً)
ربطتُ API بـ Frontend المبني بـ Next.js، لتصل إلى كل صفحة البيانات التي تحتاجها بالشكل الذي تتوقعه
عملتُ بين جانبي Frontend وBackend لإبقاء API متوافقاً مع المتطلبات

التحديات والحلول

التحدي: احتاج الموقع تغييرات محتوى متكررة (صفحات وأقسام وأخبار وحملات جديدة) دون الحاجة لمطوّر أو إعادة نشر لـ Frontend.

الحل: نظام CMS بدون رأس مبني على المخططات مع 39 نوعاً من الأقسام القابلة للتركيب، مكشوف عبر REST API مُدار بالإصدارات ومخزّن مؤقتاً بـ Redis. يعرض Frontend أي بنية تعيدها الـ API.

النتيجة: يدير المسؤولون الصفحات والأخبار والمنشورات والمشتركين والحملات بالكامل من لوحة واحدة، بينما يبقى الموقع العام سريعاً عبر استجابات منظمة ومخزّنة مؤقتاً.

التقنيات المستخدمة

Backend: Laravel 13 (PHP 8.3)، Laravel Sanctum، Postmark، Intervention Image

قاعدة البيانات: MySQL 8، Redis 7 (تخزين مؤقت + طوابير)

Frontend: Next.js 16، React 19، TypeScript، Tailwind CSS 4، Framer Motion، GSAP، Lenis

البنية التحتية: Docker Compose (تطوير)، Nginx + Supervisor (إنتاج)، Sentry

الأدوات: Pest، Vitest، Playwright، Lighthouse CI، axe-core، ESLint، Prettier، pnpm

تحتاج شيئاً مشابهاً؟أخبرني عن مشروعك