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

NextAuth.js Authentication

إعداد NextAuth.js للمصادقة في تطبيقات Next.js مع دعم مقدمي خدمات متعددين وإدارة الجلسات.

Claude Code Cursor Copilot Windsurf

نظرة عامة

NextAuth.js هو الحل الرائد مفتوح المصدر للمصادقة في تطبيقات Next.js. يوفر نظام مصادقة متكامل مع دعم العشرات من مقدمي خدمات OAuth وتسجيل الدخول بالبريد الإلكتروني بدون كلمة مرور وجلسات قاعدة البيانات. تعالج المكتبة مخاوف الأمان المعقدة مثل حماية CSRF والكوكيز الآمنة وتشفير JWT تلقائياً.

مع NextAuth.js يمكن للمطورين تنفيذ المصادقة في دقائق بدلاً من أيام. يدعم مقدمي خدمات شائعين مثل Google وGitHub وApple وDiscord مع السماح بإنشاء مقدمي خدمات مخصصين. يمكن إدارة الجلسات عبر JWT أو جلسات قاعدة البيانات مع محولات لـ Prisma وDrizzle وTypeORM وغيرها.

صُممت المكتبة بأفضل ممارسات الأمان المدمجة بما في ذلك تدوير رموز CSRF تلقائياً وتشفير JWT وكوكيز httpOnly. تتكامل بسلاسة مع Next.js middleware لحماية المسارات وتوفر React hooks وأدوات من جانب الخادم للوصول إلى بيانات الجلسة في جميع أنحاء التطبيق.

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

  • إضافة تسجيل دخول Google/GitHub OAuth لتطبيق Next.js
  • تنفيذ التحكم في الوصول بناءً على الأدوار مع callbacks الجلسة
  • إعداد مصادقة بدون كلمة مرور عبر البريد الإلكتروني
  • حماية مسارات API ومكونات الخادم بفحص الجلسة

التثبيت

إعداد Claude Code
npm install next-auth

الإعدادات

// app/api/auth/[...nextauth]/route.ts
import NextAuth from "next-auth"
import GoogleProvider from "next-auth/providers/google"

const handler = NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID!,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
    }),
  ],
})

export { handler as GET, handler as POST }