Summary  
Shows how to set up authentication by defining a custom sign-in route and enforce protected routes through callback logic and middleware in code.  

General domain of usage  
Web applications

### 1. Legge til egendefinert innloggingsside
Opprett en `auth.config.ts`-fil i rotmappen av prosjektet med dette innholdet:

Dette angir en egendefinert rute for innloggingsside (`/login`) ved bruk av pages-alternativet.

### 2. Beskytte ruter med mellomvare
Utvid `auth.config.ts` for å inkludere logikk for rutevern. Brukere blir omdirigert til innloggingssiden hvis de prøver å få tilgang til dashbordet uten å være innlogget.

### 3. Mellomvare
Opprett en `middleware.ts`-fil for å initialisere NextAuth.js og beskytte ruter ved hjelp av den angitte konfigurasjonen.

Vi satte opp en tilpasset innloggingsside og la til logikk for å beskytte ruter. Mellomvaren sikrer at beskyttede ruter ikke gjengis før autentisering er verifisert, noe som forbedrer både sikkerhet og ytelse.

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.

Konfigurering av Autentisering og Beskyttelse av Ruter

Tilbake til prosjektet

1. Legge til egendefinert innloggingsside

2. Beskytte ruter med mellomvare

3. Mellomvare