next auth example

Repositori contoh dikelola dari monorepo. Permintaan Tarik harus dibuka terhadap nextauthjs/next-auth .

Aplikasi Contoh NextAuth.js

Sumber Terbuka. Tumpukan Penuh. Miliki Data Anda.

Ringkasan

NextAuth.js adalah solusi otentikasi sumber terbuka yang lengkap.

Ini adalah contoh aplikasi yang menunjukkan bagaimana next-auth diterapkan pada aplikasi dasar Next.js.

Versi yang diterapkan dapat ditemukan di next-auth-example.vercel.app

Tentang NextAuth.js

NextAuth.js adalah pustaka autentikasi sumber terbuka full-stack (klien/server) yang mudah diterapkan dan awalnya dirancang untuk Next.js dan Tanpa Server. Tujuan kami adalah untuk mendukung lebih banyak kerangka kerja di masa depan.

Kunjungi next-auth.js.org untuk informasi dan dokumentasi lebih lanjut.

NextAuth.js tidak secara resmi dikaitkan dengan Vercel atau Next.js.

Memulai

1. Kloning repositori dan instal dependensi

 git clone https://github.com/nextauthjs/next-auth-example.git
cd next-auth-example
pnpm install

2. Konfigurasikan lingkungan lokal Anda

Salin file .env.local.example di direktori ini ke .env.local (yang akan diabaikan oleh Git):

 cp .env.local.example .env.local

Tambahkan detail untuk satu atau lebih penyedia (misalnya Google, Twitter, GitHub, Email, dll).

Basis data

Basis data diperlukan untuk mempertahankan akun pengguna dan mendukung masuk email. Namun, Anda masih dapat menggunakan NextAuth.js untuk autentikasi tanpa database dengan menggunakan OAuth untuk autentikasi. Jika Anda tidak menentukan database, Token Web JSON akan diaktifkan secara default.

Anda dapat melewati konfigurasi database dan kembali lagi nanti jika Anda mau.

Untuk informasi lebih lanjut tentang pengaturan database, silakan lihat tautan berikut:

• Dokumen: authjs.dev/reference/core/adapters

3. Konfigurasikan Penyedia Otentikasi

1. Tinjau dan perbarui opsi di auth.ts sesuai kebutuhan.

2. Saat menyiapkan OAuth, di halaman admin pengembang untuk setiap layanan OAuth, Anda harus mengonfigurasi URL panggilan balik untuk menggunakan jalur panggilan balik {server}/api/auth/callback/{provider} .

misalnya Untuk Google OAuth Anda akan menggunakan: http://localhost:3000/api/auth/callback/google

Daftar penyedia yang dikonfigurasi dan URL panggilan baliknya tersedia dari titik akhir api/auth/providers . Anda dapat menemukan informasi lebih lanjut di https://authjs.dev/getting-started/providers/oauth-tutorial

1. Anda juga dapat memilih untuk menentukan server SMTP untuk masuk tanpa kata sandi melalui email.

4. Jalankan aplikasi

Untuk menjalankan situs Anda secara lokal, gunakan:

 pnpm run dev

Untuk menjalankannya dalam mode produksi, gunakan:

 pnpm run build
pnpm run start

5. Mempersiapkan Produksi

Ikuti dokumentasi Penerapan

Ucapan Terima Kasih

Terima kasih kepada Vercel yang mensponsori proyek ini dengan mengizinkannya diterapkan secara gratis untuk seluruh Tim NextAuth.js

Lisensi

adalah