Next Js Authentication Multi Role

Key Features: 🔐 Next-auth v5 (Auth.js) 🚀 Next.js 14 with server actions 🔑 Credentials Provider 🌐 OAuth Provider (Social login with Google & GitHub) 🔒 Forgot password functionality ✉️ Email verification 📱 Two factor verification (2FA) 👥 User roles (Admin & User) 🔓 Login component (Opens in redirect or modal) 📝 Register component 🤔 Forgot password component ✅ Verification component ⚠️ Error component 🔘 Login button 🚪 Logout button 🚧 Role Gate 🔍 Exploring next.js middleware 📈 Extending & Exploring next-auth session 🔄 Exploring next-auth callbacks 👤 useCurrentUser hook 🛂 useRole hook 🧑 currentUser utility 👮 currentRole utility 🖥️ Example with server component 💻 Example with client component 👑 Render content for admins using RoleGate component 🛡️ Protect API Routes for admins only 🔐 Protect Server Actions for admins only 📧 Change email with new verification in Settings page 🔑 Change password with old password confirmation in Settings page 🔔 Enable/disable two-factor auth in Settings page 🔄 Change user role in Settings page (for development purposes only) Langkah Pekerjaan 1. Konsultasi Kebutuhan: Memahami struktur aplikasi dan kebutuhan autentikasi Anda 2. Setup & Konfigurasi: Mengintegrasikan sistem auth ke project Next.js Anda 3. Implementasi Providers: Setup credential dan OAuth providers 4. Pengembangan Fitur: Implementasi semua fitur keamanan yang diperlukan 5. UI Integration: Mengintegrasikan komponen UI dengan sistem autentikasi 6. Testing & Security Audit: Memastikan keamanan dan fungsionalitas optimal 7. Dokumentasi: Penyediaan dokumentasi penggunaan dan modifikasi sistem