حسابي

بحث

القائمة

نظام التوثيق المتقدم باستخدام Next.js و NextAuth v5

تفاصيل العمل

قمت بتطوير نظام توثيق شامل باستخدام 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
تاريخ الإضافة