NextAuth.js və Prisma ilə Next.js 13 Layihəsində Parolsuz Girişin həyata keçirilməsi

Bu məqalə NextAuth.js kitabxanasından istifadə edərək Next.js layihəsində parolsuz autentifikasiyanın həyata keçirilməsi üçün lazım olan addımları araşdıracaq. Bundan əlavə, buna nail olmaq üçün Prisma-dan verilənlər bazası adapterimiz kimi istifadə edəcəyik.

Parolsuz autentifikasiya ənənəvi istifadəçi adı və parol birləşmələrinə ehtiyacı aradan qaldıran innovativ yanaşmadır. Bunun əvəzinə, e-poçt sehrli keçidləri və ya SMS vasitəsilə göndərilən birdəfəlik kodlar kimi alternativ üsullardan istifadə etməklə daha təhlükəsiz və istifadəçi dostu identifikasiya təcrübəsi təklif edir.

Next.js sadəliyi və səmərəliliyi ilə tanınan veb proqramların yaradılması üçün məşhur React çərçivəsidir. Next.js üçün açıq şəkildə hazırlanmış autentifikasiya kitabxanası olan NextAuth.js-i inteqrasiya etməklə asanlıqla parolsuz autentifikasiyanı layihəmizə daxil edə bilərik.

Əlavə olaraq, verilənlər bazası adapterimiz kimi Prisma-ya etibar edəcəyik. Prisma, tip üçün təhlükəsiz və avtomatik yaradılan sorğu qurucusunu təmin etməklə verilənlər bazası ilə qarşılıqlı əlaqəni asanlaşdıran ORM (Obyekt-Relational Xəritəçəkmə) alətidir. O, PostgreSQL, MySQL və SQLite daxil olmaqla bir çox verilənlər bazasını dəstəkləyir və onu autentifikasiya tətbiqimiz üçün çox yönlü seçim edir.

Bu təlimatda biz Next.js layihəsində NextAuth.js istifadə edərək parolsuz autentifikasiyanın necə qurulması və konfiqurasiyasına dair addım-addım təlimatlar təqdim edəcəyik. Biz həmçinin Prisma-nı verilənlər bazası adapterimiz kimi necə inteqrasiya edəcəyimizi nümayiş etdirəcəyik ki, bu da tətbiqimizlə verilənlər bazası arasında qüsursuz əlaqə yaratmağa imkan verir.

İndi parolsuz autentifikasiya və NextAuth.js və Prisma imkanlarından istifadə edərək Next.js tətbiqimizin təhlükəsizliyini və istifadəçi təcrübəsini necə təkmilləşdirəcəyimizi araşdıracağıq. Başlayaq.

Parolsuz giriş nədir?

Parolsuz giriş, adından da göründüyü kimi, ənənəvi istifadəçi adı və parol birləşmələrinə ehtiyacı aradan qaldıran autentifikasiya üsuludur. Əvəzində o, e-poçt sehrli keçidləri və ya SMS vasitəsilə göndərilən birdəfəlik kodlar kimi istifadəçinin şəxsiyyətini yoxlamaq üçün alternativ vasitələrdən istifadə edir. Bu yanaşma ənənəvi giriş üsulları ilə müqayisədə bir sıra üstünlüklər təklif edir. Birincisi, zəif parollar və ya parolun təkrar istifadəsi kimi parolla bağlı zəiflik riskini aradan qaldırır. İkincisi, mürəkkəb parolları yadda saxlamaq və daxil etmək ehtiyacını aradan qaldıraraq istifadəçi təcrübəsini asanlaşdırır.

E-poçt sehrli keçidləri və ya birdəfəlik kodlardan istifadə edərək parolsuz girişi həyata keçirmək üçün bizə SMTP (Sadə Poçt Transfer Protokolu) serveri lazımdır.

SMTP serveri İnternet üzərindən e-poçt göndərmək üçün cavabdehdir. Parolsuz autentifikasiya kontekstində server sehrli keçidləri və ya birdəfəlik kodları istifadəçinin qeydiyyatdan keçmiş e-poçt ünvanına göndərir. İstifadəçi giriş prosesini başlatdıqda, unikal keçid və ya kodu ehtiva edən e-poçt yaradılır və istifadəçiyə göndərilir. İstifadəçi daha sonra autentifikasiya prosesini başa çatdırmaq üçün linkə klikləyə və ya kodu daxil edə bilər. SMTP serveri identifikasiya mesajlarının təhlükəsiz və etibarlı çatdırılmasını təmin edərək, proqram və istifadəçinin e-poçt xidməti arasında vasitəçi kimi çıxış edir. SMTP serverindən istifadə etməklə biz parolsuz girişi effektiv şəkildə həyata keçirə və istifadəçilərimiz üçün qüsursuz autentifikasiya təcrübəsi təqdim edə bilərik.

Başlayaq!

Əvvəlcə yeni Next.js layihəsi yaratmalıyıq. Bunu etmək üçün aşağıdakı əmrdən istifadə edin:

npx create-next-app@latest

Yeni Next.js layihəsini yaratdıqdan sonra yeni yaradılmış layihə kataloquna keçə bilərsiniz.

Kataloqu layihəyə dəyişməklə siz Next.js layihə strukturunu təşkil edən müxtəlif qovluq və faylları araşdıra biləcəksiniz.

Layihə strukturunu başa düşmək Next.js tətbiqinizin effektiv inkişafı və təşkili üçün vacibdir. Rəsmi sənədlərə istinad edərək, siz ən yaxşı təcrübələrdən istifadə edə və kodunuzu necə strukturlaşdırmaq, idarə etmək, statik aktivləri idarə etmək barədə məlumat əldə edə bilərsiniz. təkrar istifadə edilə bilən komponentlər yaratmaq.

Asılılıqlarımızı quraşdırırıq

NextAuth.js istifadə edərək Next.js layihəmizdə parolsuz autentifikasiyanı aktivləşdirmək üçün əvvəlcə tələb olunan asılılıqları quraşdırmalıyıq. Layihəmizə həm NextAuth.js, həm də nodemailer əlavə etmək üçün “yarn add next-auth nodemailer” əmrini yerinə yetirin.

Biz xüsusi olaraq nodemailerdən istifadə edirik, çünki o, Node.js-də e-poçt göndərmək üçün məşhur və çox yönlü moduldur. Parolsuz autentifikasiya üçün tələb olunan sehrli bağlantıları və ya birdəfəlik kodları e-poçt vasitəsilə göndərmək üçün sadə və etibarlı bir yol təqdim edir.

Sonra Prisma-nı verilənlər bazası adapterimiz kimi birləşdirək. Komandanı istifadə edərək tələb olunan Prisma paketlərini quraşdıraraq başlayın:

yarn add @prisma/client @next-auth/prisma-adapter

Bu paketlər Next.js tətbiqimizlə verilənlər bazası arasında qüsursuz əlaqə yaratmağa imkan verəcək. Bundan əlavə, biz Prisma-nı inkişaf etdirici asılılıq kimi quraşdırmalıyıq:

yarn add prisma --dev

Bu addım Prisma və verilənlər bazası ilə qarşılıqlı əlaqə üçün onun avtomatik yaradılan sorğu qurucusu ilə işləmək üçün lazımi alətlərə malik olduğumuzu təmin edir.

Bu asılılıqları quraşdırmaqla biz Next.js layihəmizdə NextAuth.js və Prisma istifadə edərək parolsuz autentifikasiyanın həyata keçirilməsi üçün təməl qoyduq.

Prisma qurmaq

Next.js layihəsində parolsuz autentifikasiyadan istifadə etmək üçün Prisma quraşdırmaq və e-poçt göndərmək üçün SMTP serverinə daxil olmaq lazımdır. Bu dərslik e-poçt göndərmək üçün şəxsi Gmail hesabınızdan istifadə etməklə sizə rəhbərlik edəcək. Uğurlu quraşdırma üçün aşağıdakı addımları izləyin.

Əvvəlcə layihənizin kökündə "prisma" qovluğu yaradın. Bu qovluqda Prisma ilə əlaqəli fayllar və konfiqurasiyalar yerləşəcək. Sonra "prisma" qovluğunda "schema.prisma" adlı yeni fayl yaradın Sxema faylı verilənlər bazanızın strukturunu müəyyən edir və Prisma-nın avtomatik yaradılan kodu üçün plan kimi xidmət edir.

Sxem anlayışı ilə tanışsınızsa, narahat olmayın! Sxem verilənlər bazanızın cədvəllərini, sahələrini, əlaqələrini və məhdudiyyətlərini müəyyən edir. Sxemi yaratmaq üçün siz NextAuth.js-in rəsmi sənədlərinə müraciət edə və orada verilmiş nümunə sxemi kopyalaya bilərsiniz. Bu sxem başlanğıc nöqtəsidir və tətbiq tələblərinizə uyğunlaşdırıla bilər.

Sonra, layihənizin kökündə ".env" faylı yaradın. Bu fayl SMTP serveriniz üçün lazımi konfiqurasiyalar da daxil olmaqla, mühit dəyişənlərinizi saxlayacaq. ".env" faylını doldurmaq üçün aşağıda verilmiş nümunə konfiqurasiyaları kopyalaya bilərsiniz. Gmail hesabı etimadnaməsini və SMTP server parametrlərini müvafiq sahələrə daxil etdiyinizə əmin olun.

EMAIL_SERVER_USER="YourGmailAddress"
EMAIL_SERVER_PASSWORD="GmailPassOrGeneratedPass"
EMAIL_SERVER_HOST=smtp.gmail.com
EMAIL_SERVER_PORT=587
EMAIL_FROM="noreply@example.com"

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=ThisNeedsToBeSuperSecret

Bu addımları yerinə yetirməklə siz Prisma-nı quraşdırmış və Gmail hesabınızdan istifadə edərək e-poçt göndərmək üçün SMTP serverini konfiqurasiya etmiş olacaqsınız. Bu hazırlıqlar Next.js layihənizdə parolsuz autentifikasiya axınının aktivləşdirilməsi üçün çox vacibdir.

Qeyd

Google hesabınız üçün İki Faktorlu Doğrulamanı (2FA) aktiv etmisinizsə, proqram parolu yaratmalısınız. Tətbiq parolu əsas Google hesabı parolunuzu ifşa etmədən müəyyən tətbiqlərə və ya cihazlara giriş imkanı verən fərqli paroldur. Proqram parolu yaratmaq üçün aşağıdakı təlimatları izləyin.

1. https://myaccount.google.com/ ünvanına daxil olaraq Google Hesab ayarları səhifəsinə keçin.

2. "Təhlükəsizlik" sekmesine keçin.

3. "2FA" bölməsini axtarın, aşağı diyirləyin və "App Passwords" seçin.

4. Təhlükəsizliyin yoxlanılması üçün sizdən Google hesabınızın parolunu yenidən daxil etməyiniz tələb oluna bilər.

5. "Tətbiq seçin" açılan siyahısında "Mail" və ya "Digər (Xüsusi ad)" seçin.

• Əgər "Mail" seçimi mövcuddursa, onu seçin.

• "Poçt" seçimi mövcud deyilsə, "Digər (Xüsusi ad)" seçin və identifikasiya üçün fərdi ad təqdim edin.

6. "Generate" və ya "Generate Password" düyməsini basın.

7. Google sizin üçün unikal proqram parolu yaradacaq. Bu parolu qeyd edin, çünki biz bundan e-poçt göndərmək üçün tətbiqimizdə istifadə edəcəyik.

8. Bu yaradılan proqram parolunu Next.js tətbiqinizin SMTP server konfiqurasiyasında istifadə edin. Adi Gmail hesabı parolunuzu bu proqram parolu ilə əvəz edin.

Bu, 2FA aktiv olsa belə, tətbiqinizin Gmail hesabınızdan istifadə edərək təhlükəsiz e-poçt göndərə biləcəyini təmin edir.

Supabase istifadə edərək PostgreSQL

Davam etməzdən əvvəl layihəmiz üçün verilənlər bazasının düzgün işləməsini təmin etməliyik. Bu demo üçün Supabase PostgreSQL verilənlər bazasından istifadə etməyi tövsiyə edirik. Supabase layihəsinə başlamaq və PostgreSQL əlaqə URL-ni əldə etmək üçün bu addımları yerinə yetirin:

1. supabase.io saytına daxil olun və hesabınıza daxil olun və ya hesabınız yoxdursa, yenisini yaradın.

2. Daxil olduqdan sonra siz Supabase idarə panelinə yönləndiriləcəksiniz. Yeni layihəyə başlamaq üçün "Yeni Layihə Yarat" üzərinə klikləyin.

3. Layihənizi adlandırın və cari yerinizə ən yaxın bölgəni seçin. Parolunuzu yadda saxlayın, sonra sizə lazım olacaq.

4. Layihəni yaratdığınız zaman siz layihənin idarə panelinə aparılacaqsınız. Verilənlər bazası parametrlərinə daxil olmaq üçün sol yan paneldə "Verilənlər bazası" üzərinə klikləyin.

5. "Verilənlər bazası" bölməsində siz PostgreSQL əlaqə URL-ni tapa bilərsiniz. Bu URL Supabase layihənizin verilənlər bazasına qoşulmaq üçün bütün lazımi məlumatları ehtiva edir, məsələn, host, port, verilənlər bazası adı, istifadəçi adı və parol. O, aşağıdakı formatda göstəriləcək: postgres://<username>:<password>@<host>:<port>/<database>

6. PostgreSQL əlaqə URL-ni kopyalayın və onu təhlükəsiz saxlayın. Tətbiqiniz və Supabase verilənlər bazası arasında əlaqə yaratmaq üçün sizə lazım olacaq.

    // .env
    
    DATABASE_URL=postgresql://postgres:[Password]@db.ixjsisbwdafsjvgifliu.supabase.co:5432/postgres
    ```

İndi gəlin aşağıdakı əmri işlədərək Prisma müştərimizi yaratdığımıza əmin olaq: ​​`npx prisma yaratmaq`.

Prisma Client, sxeminizə əsasən avtomatik olaraq yaradılan verilənlər bazası müştərisidir. Defolt olaraq, Prisma Müştərisi `node_modules/.prisma/client` qovluğunda yaradılır, lakin siz [lazım olduqda fərdi məkanı təyin edə bilərsiniz](https://www.prisma.io/docs/concepts/components/prisma-müştəri/prismaclientiləişləmək/generating-prisma-client#xüsusiçıxışyolundanistifadəetməklə).

Sonra, ilkin miqrasiyamızı yaratmağa davam edəcəyik. Aşağıdakı əmri yerinə yetirin: `npx prisma migrate dev`. Siz hər miqrasiyaya təsviri ad verə bilərsiniz.

Prisma-da miqrasiya zaman irəlilədikcə verilənlər bazası sxeminizə düzəlişləri idarə etmək üçün istifadə edilən bir üsuldur. Bu, əvvəlcədən mövcud olan məlumatları itirmədən verilənlər bazası strukturunuzu dəyişdirməyə imkan verir. Bu köçürmələr çox vacibdir, çünki onlar dəyişdikcə verilənlər bazası sxeminizin tətbiqinizin ehtiyaclarına uyğun olmasını təmin edir. Prisma-nın miqrasiya aləti ilə siz komanda işini sadələşdirərək və müxtəlif mühitlərdə vahid verilənlər bazası sxemini saxlayaraq, bu dəyişiklikləri rahat şəkildə versiya edə, tətbiq edə və geri qaytara bilərsiniz.

İndi verilənlər bazamızı yoxlasaq, verilənlər bazası bölməsində əks olunan ilkin miqrasiyamızdan olan dəyişiklikləri görə biləcəyik.

İlkin miqrasiyanı həyata keçirməklə, biz miqrasiya skriptində müəyyən edildiyi kimi verilənlər bazası sxemimizə dəyişiklikləri tətbiq etdik.

![Database Tables after Migration](https://drive.google.com/uc?export=view&id=1PZ6ban5h4VZs3UHQoJS_5kNYkhqs-MAx)

### Prisma Adapter ilə NextAuthJS-in qurulması

Next.js proqramında NextAuthJS autentifikasiya sorğularını idarə etmək üçün joker simvol və ya ehtiyat marşrut kimi də tanınan hamısını tutma marşrutundan istifadə edir. Bu dinamik marşrut Next.js-də fayl əsaslı marşrutlaşdırma sistemindən istifadə etməklə müəyyən edilir.

"**app**" kataloqunuzda "**api**" adlı qovluq yaradın. "**api**" qovluğunda "**auth**" qovluğu yaradın. "**auth**" qovluğunda qovluq kimi "**[...nextauth]**" adlı bütün tutumlu marşrut yaradın. Nəhayət, catch-all marşrut qovluğunda "**route.ts**" faylı yaradın və aşağıdakı kodu əlavə edin.

```jsx
// app/api/auth/[...nextauth]/route.ts
import { PrismaAdapter } from '@next-auth/prisma-adapter';
import { PrismaClient } from '@prisma/client';
import NextAuth from 'next-auth';
import EmailProvider from 'next-auth/providers/email';

const prisma = new PrismaClient();

export const authOptions = {
  adapter: PrismaAdapter(prisma),
  providers: [
    EmailProvider({
      server: {
        host: process.env.EMAIL_SERVER_HOST,
        port: process.env.EMAIL_SERVER_PORT,
        auth: {
          user: process.env.EMAIL_SERVER_USER,
          pass: process.env.EMAIL_SERVER_PASSWORD,
        },
      },
      from: process.env.EMAIL_FROM,
    }),
  ]
};

const handler = NextAuth(authOptions);

export { handler as GET, handler as POST };

Catch-all marşrut faylında biz NextAuthJS kitabxanasını idxal edirik və autentifikasiya seçimlərini, provayderləri və konfiqurasiyaları quraşdırırıq. NextAuthJS daxil olan sorğuların təhlilini idarə edir, lazımi autentifikasiya əməliyyatını müəyyən edir və göstərilən variantlara uyğun olaraq müvafiq məntiqi icra edir.

Təqdim olunan kod e-poçt provayderindən istifadə edərək autentifikasiya üçün Prisma adapteri ilə NextAuthJS-i qurur. Gəlin hər bir ifadəni izah edək:

1. İdxal:

• PrismaAdapter və PrismaClient müvafiq olaraq @next-auth/prisma-adapter və @prisma/client-dan idxal edilir. Bunlar NextAuthJS-i Prisma ilə inteqrasiya etmək üçün istifadə olunur.

• NextAuth next-auth-dan idxal edilib və Next.js tətbiqlərində autentifikasiyanın idarə edilməsi üçün əsas kitabxanadır.

• EmailProvider next-auth/provayder/email-dən idxal edilir və e-poçt əsaslı autentifikasiya üçün provayder kimi istifadə olunur.

2. Prizma Quraşdırma:

• PrismaClient nümunəsi yeni PrismaClient() istifadə edərək yaradılır. Bu, Prisma ORM və əsas verilənlər bazası ilə əlaqə yaratmağa imkan verir.

3. Doğrulama Seçimləri:

• authOptions NextAuthJS-də autentifikasiya üçün konfiqurasiyanı təyin edən obyektdir.

• adapter xassəsi PrismaAdapter istifadə edərək NextAuthJS-ni Prisma ilə birləşdirən PrismaAdapter(prisma) olaraq təyin edilib.

• provayderlər massivi tək provayderi, EmailProvider ehtiva edir. O, lazımi e-poçt serveri təfərrüatları və from e-poçt ünvanı ilə konfiqurasiya edilmişdir.

4. NextAuth Handler:

• NextAuth funksiyası arqument kimi authOptions ilə çağırılır və autentifikasiya işləyicisi yaradır.

• Nəticə işləyici handler dəyişəninə təyin edilir.

5. İxrac:

• handler həm HTTP GET, həm də POST sorğularını dəstəkləmək üçün GET və POST kimi ixrac edilir.

İndi serverimizi işə salaq və funksionallığı yoxlayaq. Əvvəlcə yarn dev işlədərək inkişaf serverini işə salın. Sonra, brauzerinizi açın və tətbiqi işlək vəziyyətdə görmək üçün localhost:3000 saytına daxil olun.

Doğrulama funksionallığını yoxlamaq üçün localhost:3000/api/auth/signin ünvanına daxil olun. Burada NextAuthJS-in sehrini yaşayacaqsınız. NextAuthJS-ə daxil edilmiş təqdim edilmiş şablon parolsuz daxil olma prosesini təmin edir. Bunu sınamaq üçün etibarlı e-poçt ünvanı daxil edin.

Siz e-poçtu göndərdikdən sonra NextAuthJS pərdəarxası prosesi idarə edəcək. Birincisi, o, təqdim edilmiş e-poçt ünvanına unikal giriş linki olan e-poçtu yaradacaq və göndərəcək. Bu keçid istifadəçi üçün təhlükəsiz autentifikasiya nişanı kimi xidmət edir. Sonra, istifadəçi linki kliklədikdə, NextAuthJS nişanı təsdiq edəcək və istifadəçinin autentifikasiyasını həyata keçirəcək.

Bu parolsuz giriş xüsusiyyəti parollara ehtiyacı aradan qaldıraraq təhlükəsizliyi və istifadəçi təcrübəsini artırır. İstifadəçilər sadəcə e-poçt vasitəsilə alınan linkə klikləməklə öz hesablarına tez və təhlükəsiz şəkildə daxil ola bilərlər. O, giriş prosesini asanlaşdırır və parolla bağlı zəiflik riskini azaldır.

İstifadəçi NextAuthJS tərəfindən yaradılan giriş e-poçtuna kliklədikdə və autentifikasiya edildikdə, problemsiz giriş təcrübəsini asanlaşdırmaq üçün pərdə arxasında bir neçə hərəkət baş verir.

1. E-poçt Linkinin Təsdiqlənməsi: İstifadəçi giriş linkinə kliklədikdə, NextAuthJS linkə daxil edilmiş autentifikasiya nişanını təsdiqləyir. Bu token autentifikasiya prosesinin təhlükəsizliyini və bütövlüyünü təmin edir.

2. Autentifikasiya Prosesi: Uğurlu nişan təsdiqindən sonra NextAuthJS istifadəçini müəyyən edir və autentifikasiya prosesini tamamlayır. O, istifadəçinin şəxsiyyətini təqdim edilmiş token və çoxfaktorlu autentifikasiya kimi konfiqurasiya edilmiş hər hansı əlavə autentifikasiya faktorları əsasında yoxlayır.

3. Sessiyanın yaradılması: Uğurlu autentifikasiyadan sonra NextAuthJS istifadəçi üçün sessiya yaradır. Sessiya istifadəçinin autentifikasiya statusunu təmsil edən və onlara sonrakı sorğular üçün yenidən autentifikasiya etmədən qorunan resurslara daxil olmaq imkanı verən davamlı vəziyyətdir.

4. Kukilər: NextAuthJS sessiyanı idarə etmək üçün istifadəçinin brauzerində yalnız təhlükəsiz HTTP kukiləri təyin edir. Bu kukilər çoxsaylı sorğular üzrə istifadəçinin autentifikasiya vəziyyətini saxlamaqda mühüm rol oynayır. Kukilərə autentifikasiya konfiqurasiyasından asılı olaraq adətən sessiya kukisi və isteğe bağlı olaraq yeniləmə nişanı kukisi daxildir.

1. Sessiya kukisi: Sessiya kukisi istifadəçinin sessiyasını unikal şəkildə müəyyən edən sessiya identifikatorunu (məsələn, təsadüfi yaradılan sətir) ehtiva edir. O, NextAuthJS-ə sonrakı sorğuları düzgün seans və istifadəçi ilə əlaqələndirməyə kömək edir.

2. CSRF Token Cookie: NextAuthJS CSRF hücumlarından qorunmaq üçün CSRF (Saytlararası Sorğu Saxtakarlığı) token kukisini təyin edir. CSRF nişanı NextAuthJS tərəfindən yaradılan və kukidə saxlanılan unikal dəyərdir. İstifadəçi tərəfindən edilən sonrakı sorğuların həqiqiliyini yoxlamaq və yoxlamaq üçün istifadə olunur. İstifadəçi formaları təqdim etdikdə və ya həssas hərəkətlər etdikdə, sorğunun zərərli mənbədən deyil, autentifikasiya edilmiş istifadəçinin sessiyasından qaynaqlanmasını təmin etmək üçün CSRF işarəsi sorğunun başlıqlarına və ya gövdəsinə daxil edilir.

3. Geriyə zəng URL kuki: NextAuthJS istifadəçinin autentifikasiya axınına yönləndirilmədən əvvəl daxil olmağa çalışdığı orijinal URL-i saxlamaq üçün geri çağırış URL kuki təyin edir. Bu kuki NextAuthJS-ə uğurlu autentifikasiyadan sonra istifadəçini yenidən istədiyiniz səhifəyə yönləndirməyə kömək edir. O, istifadəçini ümumi açılış səhifəsi əvəzinə nəzərdə tutulan təyinat yerinə problemsiz şəkildə qaytarmaqla hamar istifadəçi təcrübəsini təmin edir.

Yalnız təhlükəsiz HTTP kukilərindən istifadə etməklə NextAuthJS autentifikasiya vəziyyətinin təhlükəsiz və saxtakarlığa qarşı qalmasını təmin edir. Kukilər şifrələnir, icazəsiz girişin və ya zərərli aktyorlar tərəfindən dəyişdirilməsinin qarşısını alır.

NextAuthJS-ni Prisma adapteri ilə Next.js tətbiqinizə uğurla inteqrasiya etmək üçün əla iş! NextAuthJS tərəfindən təmin edilən asanlıq və uyğunlaşma ilə artıq etibarlı autentifikasiya sisteminə sahibsiniz.

Bu təlimatda istifadə olunan kod üçün aşağıda əlaqələndirilmiş GitHub repozitoriyasına baxın: https://github.com/codelabsacademy/next-auth-guide.

Bəs niyə burada dayanın? Əgər siz veb inkişaf etdirməyə həvəslisinizsə və bacarıqlarınızı artırmaq istəyirsinizsə, veb-inkişaf üçün bootcamp üçün müraciət etməyi düşünün. Bizim bootcamp sizi veb inkişafının dinamik dünyasında üstün olmaq üçün lazım olan bilik və praktiki bacarıqlarla təchiz edən hərtərəfli öyrənmə təcrübəsi təklif edir.

Təlim düşərgəmizə qoşulmaqla siz qabaqcıl texnologiyalarla praktiki təcrübə qazanacaq, real layihələr üzərində işləyəcək və sənaye ekspertlərindən fərdi təlimatlar alacaqsınız. İstər yeni başlayan, istərsə də təcrübəli tərtibatçı olmağınızdan asılı olmayaraq, proqramımız veb inkişaf bacarıqlarınızı növbəti səviyyəyə qaldırmaq üçün nəzərdə tutulmuşdur.

Veb inkişaf səyahətinizi sürətləndirmək üçün bu fürsəti qaçırmayın. Bu gün veb inkişaf üzrə bootcamp üçün müraciət edin və veb inkişafının maraqlı sahəsində tam potensialınızı açın. Gəlin birlikdə heyrətamiz rəqəmsal təcrübələr yaradaq və internetin gələcəyini formalaşdıraq.