1. Pengaturan dan Gunakan NextAuth.js di Direktori Aplikasi Next.js 13
Dalam tutorial ini, saya akan memandu Anda dengan menyiapkan otentikasi di direktori aplikasi selanjutnya.js 13 Anda menggunakan nextAuth.js. Perlu dicatat bahwa sementara kami menggunakan paket NextAuth dalam tutorial ini, Anda mungkin menggunakan paket auth.js pada saat Anda membaca ini, karena perpustakaan sekarang dapat dipertukarkan.
Topik tercakup
- Siapkan Proyek Next.js 13
- Mengatur rute API AUTH berikutnya
- Buat tombol yang dapat digunakan kembali
- Tiga Cara Mendapatkan Data Sesi NextAuth
- Dapatkan sesi dalam komponen server
- Dapatkan sesi di rute API
- Dapatkan sesi dalam komponen klien
- Mengintegrasikan database
- Pengaturan PostgreSQL
- Pengaturan Prisma Orm
- Menerapkan Kode Otentikasi NextAuth
- Simpan kunci khusus di JWT
- Berbagai cara untuk melindungi rute
- Perlindungan rute sisi klien
- Perlindungan rute sisi server
- Lindungi rute API
- Perlindungan rute middleware
- Menerapkan logika pendaftaran akun
- Buat rute API untuk mendaftarkan pengguna
- Buat komponen formulir
- Buat halaman pendaftaran akun
Baca seluruh artikel di sini: https://codevoweb.com/setup-and-use-nextAuth-in-nextjs-13-app-directory/
2. Next.js - Gunakan halaman login dan pendaftaran khusus untuk nextAuth.js
Dalam artikel ini, Anda akan belajar cara mengintegrasikan halaman login dan pendaftaran khusus dengan nextAuth.js di direktori aplikasi baru.js 13. Saya akan berasumsi bahwa Anda telah mengatur NextAuth dalam proyek Anda dan bahwa Anda hanya mencari cara untuk mengintegrasikan halaman login dan pendaftaran khusus Anda.
Topik tercakup
- Jalankan Proyek NextAuth di komputer Anda
- Uji proyek NextAuth
- Mendaftarkan akun
- Masuk ke Akun Anda
- Mengakses halaman yang dilindungi
- Konfigurasikan titik akhir API NextAuth
- Buat halaman login khusus
- Buat Formulir Login
- Buat halaman login
- Buat halaman pendaftaran khusus
- Buat formulir pendaftaran
- Buat halaman pendaftaran akun
- Buat penangan API untuk pendaftaran akun
- Kesimpulan
Baca seluruh artikel di sini: https://codevoweb.com/nextjs-use-custom-login-and-signup-pages-for-nextAuth-js/
3. Next.js - Tambahkan Google dan GitHub OAuth2 Menggunakan NextAuth.js
Dalam artikel ini, Anda akan belajar cara mengintegrasikan penyedia Google dan Github OAuth dengan NextAuth.js di Direktori Aplikasi Next.js 13 yang baru. Perlu dicatat bahwa saya menggunakan permintaan tarik spesifik yang direkomendasikan oleh tim NextAuth yang kompatibel dengan direktori aplikasi selanjutnya. JS 13.
Topik tercakup
- Jalankan Proyek NextAuth secara lokal
- Jelajahi Aliran GitHub dan Google OAuth
- Masuk dengan Google OAuth2
- Masuk dengan GitHub OAuth
- Konfigurasikan NextAuth dengan Google dan GitHub OAuth
- Terapkan google dan github oauth2
- Buat formulir sisi klien
- Buat komponen halaman sisi server
- Cara Menghasilkan Kredensial Google OAuth2
- Cara menghasilkan kredensial github oauth
- Kesimpulan
Baca seluruh artikel di sini: https://codevoweb.com/nextjs-add-google-and-github-oauth2-using-nextauth-js/
