المصادقة والتخطيط العام

💡 ما سنتعلمه:

إعداد مصادقة Clerk، إنشاء صفحات تسجيل الدخول/التسجيل، حماية المسارات باستخدام middleware، بناء التخطيط الرئيسي مع الرأس والشريط الجانبي والتذييل.

💡 مكونات Clerk الرئيسية:

ClerkProvider يلف التطبيق، SignIn/SignUp يتعاملان مع تسجيل الدخول/التسجيل، UserButton يعرض صورة المستخدم مع القائمة المنسدلة، SignedIn/SignedOut يتحكمان في العرض الشرطي.

💡 كيف تعمل الوسيطات:

أنشئ مقارنات المسارات للمسارات المحمية، استدعِ auth.protect() لطلب المصادقة، تعمل الوسيطات قبل عرض الصفحة.

💡 هيكل المسارات:

استخدم المسارات الشاملة [[...sign-in]] و [[...sign-up]] لصفحات مصادقة Clerk.

💡 العرض الشرطي:

استخدم SignedIn لعرض رابط لوحة التحكم وUserButton عند تسجيل الدخول، وSignedOut لعرض زر تسجيل الدخول عند تسجيل الخروج.

💡 نمط التخطيط:

استخدم المجموعات المRoute لتنظيم المسارات، أنشئ مكونات تخطيط مشتركة، تأكد من التنقل المتسق عبر الصفحات.