1. Proje Kurulumu:

   npx create-next-app@latest

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

   npm install next-auth@beta

   komutuyla NextAuth.js'yi projenize ekleyin 13.
3. Çevre Değişkenlerini Yapılandırma:

   npx auth secret

   komutunu kullanarak güvenli bir

   AUTH_SECRET

   oluşturun ve bunu

   .env.local

   dosyasına ekleyin 14.
4. Google API Kimlik Bilgilerini Alma: Google Cloud Console'da bir proje oluşturun, "OAuth istemci kimliği" seçerek kimlik bilgilerini yapılandırın ve

   GOOGLE_CLIENT_ID

   ve

   GOOGLE_CLIENT_SECRET

   değişkenlerini

   .env.local

   dosyasına ekleyin 13.
5. NextAuth.js Yapılandırması:

   auth.js

   dosyasını oluşturup,

   NextAuth

   ve

   GoogleProvider

   modüllerini kullanarak Google'ı bir kimlik doğrulama sağlayıcısı olarak yapılandırın 13:

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 İşleyicisi Ekleme:

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

   dosyasına bir API route işleyicisi ekleyin 12.
7. Korunan Bileşen Oluşturma:

   /components

   klasöründe,

   useSession

   ve

   signIn

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