معرض أعمال Gwilly لصناعة الفيديو

بنيت هذا الموقع لصانع الفيديو Gwilly كي يعرض أعماله ويستقبل الاستفسارات. يستطيع الزائر تصفح المشاريع وقراءة نبذة عن صاحبها وعرض السيرة الذاتية وإرسال رسالة. وتدير منطقة خاصة المحتوى الذي يظهر في الصفحات العامة.

المشكلة

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

الميزات الرئيسية

• تعرض الصفحة الرئيسية أرشيف المشاريع مع تفاصيل تظهر داخل الصفحة.
• تقدم صفحتا النبذة والتواصل معلومات عن صاحب الأعمال ونموذجًا لإرسال الرسائل.
• تتيح لوحة الإدارة إنشاء المشاريع وتعديلها ونشرها وحذفها وترتيبها.
• يقبل المشروع مقاطع مرفوعة وروابط فيديو خارجية من المصادر المدعومة.
• تعالج FFmpeg المقاطع المرفوعة وتنشئ صور معاينة لها.
• توفر لوحة الإدارة مكتبة للوسائط وصندوقًا للرسائل الواردة.
• يعرض قارئ السيرة الذاتية ملفات PDF، مع مسار مخصص للتنزيل.
• تتحكم الإعدادات في النصوص ووسائل التواصل والروابط الاجتماعية وبيانات الصفحات.

البنية التقنية

يخدم تطبيق Next.js واحد الصفحات العامة ومسارات الإدارة المحمية. تحفظ SQLite المشاريع والإعدادات والرسائل والجلسات. تكتب Server Actions تعديلات الإدارة في قاعدة البيانات، ثم تحدث الصفحات المرتبطة بها. تحفظ الملفات المرفوعة على القرص. يدعم مسار الوسائط طلبات أجزاء الملف أثناء التطوير، ويضبط إعداد النشر Nginx لتقديمها في بيئة التشغيل. ويمكن إرسال تنبيهات التواصل عبر البريد أو Telegram عند تهيئة هذين الخيارين.

جوانب هندسية

• يتحقق مسار الرفع من صلاحية المسؤول ومصدر الطلب وتوقيع الملف قبل المعالجة.
• تنتج FFmpeg نسخة فيديو مناسبة للعرض وصورة معاينة من الملف المرفوع.
• تحفظ رموز الجلسات بعد تجزئتها، وتستخدم كلمات المرور خوارزمية scrypt.
• تمنع فحوص المسار الوصول خارج مجلد الوسائط، وتتيح استجابات الأجزاء الانتقال داخل الفيديو.
• يتحقق نموذج التواصل من المدخلات، ويستخدم حقلًا مخفيًا وحدًا لمعدل الإرسال.

دوري

بنيت الموقع العام وأدوات الإدارة وطبقة البيانات ومسار معالجة الفيديو لهذا العميل.