1. Proje Kurulumu:

   create-next-app

   komutunu kullanarak yeni bir Next.js projesi oluşturun 14.
2. NextAuth'un Kurulumu:

   npm install next-auth

   komutunu kullanarak NextAuth'u projenize ekleyin 13.
3. Çevre Değişkenlerinin Konfigürasyonu:

   npx auth secret

   komutunu kullanarak güvenli bir

   AUTH_SECRET

   oluşturun ve bunu

   .env.local

   dosyasına ekleyin 1.
4. Google API Kimlik Bilgilerinin Alınması: Google Cloud Console'da bir proje oluşturun, "Credentials" bölümünden "OAuth client ID" oluşturup gerekli bilgileri girin 12.
5. NextAuth'un Google ile Konfigürasyonu:

   auth.js

   dosyasına gidip NextAuth'u Google sağlayıcısı ile yapılandırın 1. Bunun için

   import NextAuth

   ve

   GoogleProvider

   modüllerini kullanın ve aşağıdaki kodu ekleyin 12:

import NextAuth from 'next-auth'
import GoogleProvider from 'next-auth/providers/google'

export default NextAuth({
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET
    })
  ],
  secret: process.env.AUTH_SECRET
})
Kopyala

6. Route İşleyicisinin Eklenmesi:

   /app/api/auth/[...nextauth]/route.js

   dosyasına API route'larını ekleyin 1.
7. Korunan Bileşenin Oluşturulması:

   components

   klasöründe,

   useSession

   ve

   signIn

   hook'larını kullanarak korunan bir bileşen oluşturun 13.