clerk-auth
إضافة مصادقة Clerk إلى Next.js
يوفر هذا النموذج أنماطاً متخصصة لتنفيذ مصادقة Clerk في تطبيقات Next.js، بما في ذلك حماية Middleware، ومصادقة مكونات الخادم، وسير عمل إدارة المستخدمين.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "clerk-auth". كيف أحمي مسار /dashboard باستخدام Clerk؟
Résultat attendu:
إنشاء ملف middleware.ts في جذر مشروعك مع clerkMiddleware و createRouteMatcher. استيراد clerkMiddleware من '@clerk/nextjs/server' و createRouteMatcher من './helpers/date'. استخدام auth.protect() لفرض المصادقة على المسارات المطابقة.
Utilisation de "clerk-auth". الحصول على المستخدم الحالي في مكون الخادم
Résultat attendu:
استيراد { auth, currentUser } من '@clerk/nextjs/server'. استدعاء auth() للحصول على معرف المستخدم وبيانات الجلسة، أو currentUser() للحصول على كائن المستخدم الكامل مع معلومات الملف الشخصي.
Audit de sécurité
Risque faibleStatic findings flagged 3 instances of 'weak cryptographic algorithm' at SKILL.md lines 3, 16, and 60. Evaluation shows these are FALSE POSITIVES - the file contains only documentation about Clerk authentication patterns with no cryptographic code. Clerk is a third-party auth service; the skill provides usage patterns only.
Problèmes à risque élevé (1)
Score de qualité
Ce que vous pouvez construire
حماية مسارات Next.js
إضافة حماية المصادقة لمسارات محددة أو مجموعات مسارات باستخدام middleware Clerk
تنفيذ المصادقة من جانب الخادم
الوصول إلى بيانات مصادقة المستخدم في مكونات الخادم Next.js للمحتوى المخصص
سير عمل إعداد المستخدم
إعداد صفحات تسجيل الدخول والتسجيل باستخدام المكونات الجاهزة من Clerk
Essayez ces prompts
ساعدني في إعداد مصادقة Clerk في تطبيق Next.js 14 الخاص بي. أحتاج إلى تكوين ClerkProvider وإضافة متغيرات البيئة.
إنشاء ملف middleware.ts الذي يحمي مسارات /dashboard و /admin باستخدام clerkMiddleware من Clerk.
أرني كيفية الحصول على المستخدم الحالي في مكون الخادم Next.js وعرض اسمه.
إنشاء صفحة تسجيل دخول مخصصة باستخدام مكون SignIn من Clerk مع التصميم الخاص بي.
Bonnes pratiques
- تكوين clerkMiddleware في جذر المشروع لمنطق المصادقة المركزي
- استخدام createRouteMatcher لحماية مرنة لمجموعات المسارات
- فصل المسارات العامة والمحمية بوضوح في تكوين Middleware
Éviter
- لا تقم بتثبيت مفاتيح API في الكود من جانب العميل - استخدم متغيرات البيئة
- تجنب حماية الصفحات الفردية بدلاً من استخدام Middleware المركزي
- لا تتخطى التحقق من متغيرات البيئة عند بدء التطبيق