تسجيل الدخول باستخدام Google و Facebook في نيكست – Authentication with Social Providers

npm install next-auth

import NextAuth from ‘next-auth’;<br /><br /> import GoogleProvider from ‘next-auth/providers/google’;<br /><br /> export default NextAuth({<br /><br /> providers: [<br /><br /> GoogleProvider({<br /><br /> clientId: process.env.GOOGLE_CLIENT_ID,<br /><br /> clientSecret: process.env.GOOGLE_CLIENT_SECRET,<br /><br /> }),<br /><br /> ],<br /><br /> });

import { signIn, signOut, useSession } from ‘next-auth/react’;<br /><br /> export default function LoginPage() {<br /><br /> const { data: session } = useSession();<br /><br /> return ( </p><br /> <div><br /> {session ? ( </p><br /> <p>مرحبًا، {session.user.name}</p><br /> <p> <button> signOut()}>تسجيل الخروج</button><br /><br /> </> ) : ( <button onClick={() => signIn(‘google’)}>تسجيل الدخول باستخدام Google</button><br /><br /> )}<br /> </div><br /> <p> );<br /><br /> }