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. Tilføjelse af brugerdefineret loginside
Opret en `auth.config.ts`-fil i projektets rodmappe med dette indhold:

Dette angiver en brugerdefineret loginside-rute (`/login`) ved brug af pages-indstillingen.

### 2. Beskyttelse af ruter med Middleware
Udvid `auth.config.ts` til at inkludere logik for rute-beskyttelse. Brugere omdirigeres til login-siden, hvis de forsøger at få adgang til dashboardet uden at være logget ind.

### 3. Middleware
Opret en `middleware.ts`-fil for at initialisere NextAuth.js og beskytte ruter ved hjælp af den angivne konfiguration.

Vi opsætter en tilpasset login-side og tilføjede logik til at beskytte ruter. Middleware sikrer, at beskyttede ruter ikke vises, før autentificering er verificeret, hvilket forbedrer både sikkerhed og ydeevne.

Lær at opbygge moderne, højtydende webapplikationer med Next.js. Opsæt projekter med strukturerede layouts, styling og routing for problemfri navigation. Hent og vis data effektivt, mens du optimerer rendering og ydeevne. Implementer avancerede funktioner som paginering, CRUD-operationer og global søgning for dynamiske webapps. Udrul dine Next.js-projekter, tilslut dem til databaser, og tilføj autentificering for at beskytte brugerdata.

Vi gennemgår, hvad du bør have kendskab til, før du går i gang med Next.js-rammeværket, hvad du kan forvente af dette kursus, og hvilke projekter du kommer til at bygge.

Vi opsætter projektet, undersøger metoder til at tilføje styling til vores app og dækker visuelle aspekter såsom billeder, skrifttyper, sider og layouts.

Lær, hvordan du nemt opretter og administrerer et nyt view til din app og navigerer problemfrit gennem alle sider med et integreret routing-system.

Udrul Next.js-appen ved hjælp af GitHub- og Vercel-konti. Etabler desuden en database for at forsyne appen med de nødvendige data.

Overvej, hvordan data kan indhentes og vises for brugeren på en klar og effektiv måde.

Opdag, hvordan moderne webfunktioner som paginering, CRUD-operationer, global søgning, formularvalidering og mere implementeres.

Implementering af autentificering i Next.js.

Konfiguration af Godkendelse og Beskyttelse af Ruter

Tilbage til projektet

1. Tilføjelse af brugerdefineret loginside

2. Beskyttelse af ruter med Middleware

3. Middleware

I praksis