Summary  
This chapter demonstrates how to hash passwords using bcrypt before storage and configure a credentials provider in NextAuth middleware to authenticate users via username and password.  

General domain of usage  
User authentication

Hashing av passord er et sikkerhetstiltak før de lagres i en database. Det omdanner et passord til en streng med fast lengde, som fremstår tilfeldig for økt sikkerhet, selv om brukerdata blir eksponert.

I `seed.js`-filen brukte vi en pakke kalt `bcrypt` for å hashe brukerens passord før det ble lagret i databasen. Vi vil bruke `bcrypt` senere for å sammenligne passord som brukeren oppgir med de lagrede passordene.


## Tilbake til prosjektet
For å bruke `bcrypt` i Next.js Middleware, opprettes en egen fil kalt `auth.ts`. Denne inneholder objektet `authConfig`.

### Credentials Provider
Tilbydere i NextAuth.js fungerer som ulike innloggingsalternativer, for eksempel Google eller GitHub. De gir brukerne flere måter å logge inn på.

I `auth.ts`-filen legger vi til en tilbyder kalt `Credentials`. Dette gjør det mulig for brukere å logge inn med brukernavn og passord.

Lær å bygge moderne, høytytende webapplikasjoner med Next.js. Sett opp prosjekter med strukturerte oppsett, styling og ruting for sømløs navigasjon. Hent og vis data effektivt samtidig som du optimaliserer rendering og ytelse. Implementer avanserte funksjoner som paginering, CRUD-operasjoner og globalt søk for dynamiske webapplikasjoner. Distribuer dine Next.js-prosjekter, koble dem til databaser og legg til autentisering for å beskytte brukerdata.

Vi skal diskutere hva du bør kunne før du begynner med Next.js-rammeverket, hva du kan forvente av dette kurset, og hva du kommer til å bygge.

Vi setter opp prosjektet, undersøker måter å legge til styling i appen vår på, og dekker visuelle aspekter som bilder, fonter, sider og oppsett.

Lær hvordan du enkelt kan opprette og administrere et nytt visningsbilde for applikasjonen din, samt navigere sømløst mellom alle sider med et integrert rutingsystem.

Distribuer Next.js-appen ved hjelp av GitHub- og Vercel-kontoer. Etabler i tillegg en database for å levere nødvendig data til appen.

Vurder hvordan data kan hentes og vises for brukeren på en tydelig og effektiv måte.

Lær hvordan du implementerer moderne nettfunksjoner som paginering, CRUD-operasjoner, globalt søk, skjemavalidering og mer.

Implementering av autentisering i Next.js.

Hashing av passord og håndtering av legitimasjon

Tilbake til prosjektet

Credentials Provider

I praksis

Awesome!

Hashing av passord og håndtering av legitimasjon

Tilbake til prosjektet

Credentials Provider

I praksis