تواصل معنا
Webflow Premium Partner إيهاب فايز
العودة لأدوات AI Coding
الأمان والجودة

Clerk Authentication

دمج Clerk لإدارة المستخدمين الكاملة مع مكونات واجهة جاهزة ومصادقة متعددة العوامل.

Claude Code Cursor Copilot Windsurf

نظرة عامة

Clerk هي منصة حديثة للمصادقة وإدارة المستخدمين توفر مكونات واجهة مستخدم جاهزة وواجهات برمجة تطبيقات مرنة ولوحات تحكم إدارية. على عكس مكتبات المصادقة التقليدية تتعامل Clerk مع دورة حياة المستخدم الكاملة بما في ذلك التسجيل وتسجيل الدخول وإدارة الملف الشخصي وإدارة المنظمات والمصادقة متعددة العوامل.

تقدم Clerk مكونات جاهزة وقابلة للتخصيص مثل SignIn وSignUp وUserButton وUserProfile يمكن تضمينها مباشرة في تطبيقك. تدعم هذه المكونات التخصيص والترجمة من البداية. تتكامل المنصة مع Next.js وReact وRemix وExpo وأُطر عمل أخرى بحزم SDK مخصصة.

تشمل ميزات الأمان اكتشاف الروبوتات وحماية القوة الغاشمة وتتبع الأجهزة وإدارة الجلسات مع أوقات حياة رموز قابلة للتكوين. توفر Clerk أيضاً إدارة المنظمات لتطبيقات B2B مما يتيح تنفيذ التحكم في الوصول القائم على الفرق مع الدعوات وتسلسل الأدوار.

لمن هذه الأداة؟

  • إضافة مصادقة مع واجهة جاهزة لتطبيق Next.js
  • تنفيذ تعدد المستأجرين القائم على المنظمات
  • إعداد مصادقة متعددة العوامل عبر SMS أو TOTP
  • حماية المسارات بـ Clerk middleware في Next.js

التثبيت

إعداد Claude Code
npm install @clerk/nextjs

الإعدادات

// middleware.ts
import { clerkMiddleware } from "@clerk/nextjs/server"
export default clerkMiddleware()

export const config = {
  matcher: ["/((?!.*\..*|_next).*)", "/", "/(api|trpc)(.*)"],
}