قمت بتطوير نظام توثيق شامل باستخدام Next.js 14 و NextAuth v5 (Auth.js)، والذي يتضمن مصادقة متقدمة مع دعم الأدوار، المصادقة الثنائية (2FA)، تسجيل الدخول الاجتماعي، واستكشاف الجلسات والمكونات المختلفة.
الميزات الأساسية:
دعم أنواع متعددة من تسجيل الدخول:
مزود بيانات الاعتماد (Credentials Provider) – تسجيل الدخول عبر البريد الإلكتروني وكلمة المرور.
تسجيل الدخول الاجتماعي (OAuth Provider) – دعم Google & GitHub.
ميزات الأمان المتقدمة:
نسيت كلمة المرور (Forgot Password) مع إعادة التعيين عبر البريد الإلكتروني.
️ التحقق من البريد الإلكتروني بعد التسجيل أو تغيير البريد.
المصادقة الثنائية (2FA) لمستوى أمان إضافي.
إدارة المستخدمين والأدوار:
دعم الأدوار (Roles): المستخدم العادي (User) والمشرف (Admin).
نظام حماية حسب الأدوار (Role Gate) لمنع الوصول غير المصرح به.
عرض محتوى خاص بالمشرفين فقط باستخدام مكون RoleGate.
حماية وإدارة الجلسات والمحتوى:
حماية API Routes للمشرفين فقط.
️ حماية Server Actions للمشرفين فقط.
استكشاف Middleware في Next.js.
استكشاف وتوسيع جلسات NextAuth.
تخصيص ردود NextAuth (Callbacks).
مكونات جاهزة للاستخدام:
زر تسجيل الخروج.
زر تسجيل الدخول (يفتح في نافذة Redirect أو في Modal).
مكون تسجيل جديد.
? مكون نسيان كلمة المرور.
مكون التحقق.
️ مكون عرض الأخطاء.
إعدادات الحساب:
تغيير البريد الإلكتروني مع التحقق الجديد.
تغيير كلمة المرور مع تأكيد الكلمة القديمة.
تمكين/تعطيل المصادقة الثنائية من صفحة الإعدادات.
تغيير دور المستخدم (لأغراض التطوير فقط).
دعم كلا المكونين Client & Server:
️ أمثلة لمكونات Server Components.
أمثلة لمكونات Client Components.
الهدف من المشروع:
يهدف هذا النظام إلى توفير حل متكامل وآمن للمصادقة باستخدام Next.js و NextAuth v5، مما يسمح للمطورين ببناء أنظمة توثيق قوية مع دعم متقدم للأدوار، الأمان، وإدارة الجلسات.
اسم المستقل | حيدر ح. |
عدد الإعجابات | 2 |
عدد المشاهدات | 18 |
تاريخ الإضافة |