Compétences clerk-auth
📦

clerk-auth

Risque faible

إضافة مصادقة Clerk إلى Next.js

يوفر هذا النموذج أنماطاً متخصصة لتنفيذ مصادقة Clerk في تطبيقات Next.js، بما في ذلك حماية Middleware، ومصادقة مكونات الخادم، وسير عمل إدارة المستخدمين.

Prend en charge: Claude Codex Code(CC)
📊 71 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

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 faible
v1 • 2/25/2026

Static 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.

1
Fichiers analysés
61
Lignes analysées
1
résultats
1
Total des audits

Problèmes à risque élevé (1)

Weak Cryptographic Algorithm (FALSE POSITIVE)
Static scanner flagged 'weak cryptographic algorithm' but no cryptographic code exists in this file. Scanner appears to have misinterpreted authentication-related terminology.
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
85
Contenu
50
Communauté
80
Sécurité
100
Conformité aux spécifications

Ce que vous pouvez construire

حماية مسارات Next.js

إضافة حماية المصادقة لمسارات محددة أو مجموعات مسارات باستخدام middleware Clerk

تنفيذ المصادقة من جانب الخادم

الوصول إلى بيانات مصادقة المستخدم في مكونات الخادم Next.js للمحتوى المخصص

سير عمل إعداد المستخدم

إعداد صفحات تسجيل الدخول والتسجيل باستخدام المكونات الجاهزة من Clerk

Essayez ces prompts

إعداد Clerk الأساسي
ساعدني في إعداد مصادقة Clerk في تطبيق Next.js 14 الخاص بي. أحتاج إلى تكوين ClerkProvider وإضافة متغيرات البيئة.
حماية المسارات باستخدام Middleware
إنشاء ملف middleware.ts الذي يحمي مسارات /dashboard و /admin باستخدام clerkMiddleware من Clerk.
مصادقة مكون الخادم
أرني كيفية الحصول على المستخدم الحالي في مكون الخادم Next.js وعرض اسمه.
صفحة تسجيل الدخول المخصصة
إنشاء صفحة تسجيل دخول مخصصة باستخدام مكون SignIn من Clerk مع التصميم الخاص بي.

Bonnes pratiques

  • تكوين clerkMiddleware في جذر المشروع لمنطق المصادقة المركزي
  • استخدام createRouteMatcher لحماية مرنة لمجموعات المسارات
  • فصل المسارات العامة والمحمية بوضوح في تكوين Middleware

Éviter

  • لا تقم بتثبيت مفاتيح API في الكود من جانب العميل - استخدم متغيرات البيئة
  • تجنب حماية الصفحات الفردية بدلاً من استخدام Middleware المركزي
  • لا تتخطى التحقق من متغيرات البيئة عند بدء التطبيق

Foire aux questions

ما هو Clerk؟
Clerk هي منصة مصادقة وإدارة مستخدمين للمطورين توفر مكونات وواجهات برمجة تطبيقات جاهزة لتطبيقات الويب.
هل يعمل هذا النموذج مع Next.js Pages Router؟
يركز هذا النموذج على أنماط Next.js App Router. Pages Router يتطلب إعداد middleware مختلف.
هل أحتاج إلى حساب Clerk؟
نعم، تحتاج إلى إنشاء حساب Clerk على clerk.com والحصول على مفاتيح API الخاصة بك لاستخدام هذا النموذج.
هل يمكنني استخدام Clerk مع أطر عمل أخرى؟
يدعم Clerk أطر عمل متعددة بما في ذلك React و Next.js و Remix وغيرها. يغطي هذا النموذج تحديداً أنماط Next.js.
كيف أتعامل مع webhooks مع Clerk؟
يوفر Clerk نقاط نهاية webhook لمزامنة المستخدمين. ستحتاج إلى إعداد معالج webhook في مسارات واجهة برمجة التطبيقات الخاصة بك لمعالجة الأحداث.
هل Clerk مجاني للاستخدام؟
يقدم Clerk خطة مجانية مع الميزات الأساسية. تشمل الخطط المدفوعة ميزات إضافية مثل المصادقة متعددة العوامل وإدارة المؤسسات.

Détails du développeur

Structure de fichiers

📄 SKILL.md