موقع SC-Riber
موقع ويب حديث ومتجاوب للشركات مبني بـ Flutter Web. يتميز بتصميم glassmorphism ورسوم متحركة سلسة ودعم الوضع المظلم والمصادقة الآمنة مع OAuth + PassKey.
موقع SC-RIBER
ملخص
موقع SC-Riber هو موقع ويب حديث ومتجاوب لمحفظة الشركات، تم بناؤه بالكامل باستخدام Flutter Web. يعرض المشروع منتجاتنا ومشاريعنا ومحتوى المدونة مع التركيز على تجربة المستخدم والجاذبية البصرية والأمان المتطور.
الكلمات المفتاحية: Flutter Web، OAuth، PassKey، WebAuthn، Cloudflare، تصميم متجاوب، glassmorphism
1. مقدمة
يعمل موقع SC-Riber كوجه رقمي لشركتنا، حيث يقدم محفظة مشاريعنا ومنتجاتنا وخبرتنا التقنية. تم بناء الموقع بتقنية Flutter Web، ويوفر تجربة متسقة وعالية الجودة عبر جميع المنصات والأجهزة.
2. الميزات الرئيسية
2.1. تصميم متجاوب
تخطيط متجاوب بالكامل يتكيف بسلاسة مع شاشات سطح المكتب والأجهزة اللوحية والجوال.
2.2. السمات المظلمة والفاتحة
دعم كامل للسمات مع انتقالات سلسة بين الوضعين المظلم والفاتح.
2.3. واجهة Glassmorphism
جمالية حديثة مع عناصر glassmorphism وتأثيرات ضبابية دقيقة وأسطح شفافة.
2.4. رسوم متحركة مُفعَّلة بالتمرير
تفاعلات دقيقة جذابة ورسوم متحركة مُفعَّلة بالتمرير.
2.5. نظام المدونة
منصة مدونة متكاملة مع دعم كامل لـ Markdown وتصفية الفئات ووظيفة البحث.
2.6. نظام تسجيل الدخول الحديث (OAuth + PassKey)
نظام مصادقة متطور يشمل:
- تكامل OAuth 2.0: تسجيل دخول سلس باستخدام حسابات Google وGitHub وDiscord
- دعم PassKey: مصادقة بدون كلمة مرور باستخدام معيار WebAuthn/FIDO2
- إدارة جلسات آمنة: رموز جلسات مشفرة مع تحديث تلقائي
- المصادقة متعددة العوامل: أمان معزز مع طرق تحقق متعددة
2.7. دعم متعدد اللغات
تدويل كامل مع دعم لأكثر من 10 لغات.
3. البنية التقنية
3.1. الواجهة الأمامية
- Flutter Web: إطار عمل واجهة مستخدم متعدد المنصات
- تخطيط متجاوب: أنماط تصميم تكيفية لجميع أحجام الشاشات
- إدارة الحالة: معالجة فعالة للحالة باستخدام نمط Provider
3.2. البنية التحتية للخادم
- Cloudflare Workers: حوسبة حافة بدون خادم لنقاط نهاية API
- Cloudflare D1: قاعدة بيانات متوافقة مع SQLite على الحافة
- Cloudflare R2: تخزين كائنات للوسائط والأصول الثابتة
- better-auth: مكتبة مصادقة حديثة مع دعم OAuth وPassKey
4. ميزات الأمان
- HTTPS في كل مكان: جميع الاتصالات مشفرة بـ TLS 1.3
- حماية CSRF: حماية قائمة على الرموز ضد تزوير الطلبات عبر المواقع
- تحديد معدل الطلبات: حماية ضد هجمات القوة الغاشمة وDDoS
- سياسة أمان المحتوى: رؤوس CSP صارمة لمنع هجمات XSS
5. تحسينات الأداء
- نشر على الحافة: المحتوى يُقدم من أكثر من 200 موقع عالمي
- تحسين الأصول: صور مضغوطة وتحميل كسول
- تقسيم الكود: تحميل عند الطلب لأوقات تحميل أولية أسرع