Question 1

Wat is middleware in Next.js?

Accepted Answer

Next.js middleware is code die wordt uitgevoerd voordat een verzoek wordt verwerkt, waarmee je de respons kunt wijzigen, kunt omleiden, headers kunt toevoegen of toegang kunt blokkeren. Het draait op de Edge Runtime voor optimale prestaties. Het wordt doorgaans gebruikt voor authenticatie, geolocatie of logging.

Question 2

Waar plaats je het middleware-bestand in een Next.js-project met App Router?

Accepted Answer

Het bestand middleware.ts (of .js) moet in de projectroot worden geplaatst, op hetzelfde niveau als de app-map. Next.js detecteert dit bestand automatisch en voert het uit voor alle routes. Het kan ook in de src-map worden geplaatst als het project deze structuur gebruikt.

Question 3

Hoe definieer je de routes waarop middleware wordt uitgevoerd?

Accepted Answer

Het gebruik van de matcher-configuratie in middleware maakt het mogelijk om betrokken routes te specificeren via padpatronen. Standaard wordt middleware uitgevoerd op alle routes behalve statische bestanden. De matcher ondersteunt wildcards en regex voor nauwkeurige controle van doelroutes.

Next.js Middleware & Auth

Wat is middleware in Next.js?

Antwoord

Waar plaats je het middleware-bestand in een Next.js-project met App Router?

Antwoord

Hoe definieer je de routes waarop middleware wordt uitgevoerd?

Antwoord

Wat is het belangrijkste voordeel van het gebruik van NextAuth.js voor authenticatie?

Hoe bescherm je een route met Next.js-middleware?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

React Hooks

Componentlevenscyclus

React Router

Statusbeheer met Context

Formulieren & Controlled Components

Gegevens ophalen & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Fundamentals

TypeScript met React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigatie in Next.js

Next.js API Routes

Next.js Metadata & SEO

React Testen

Zustand State Management

React Performance-optimalisatie

Error Boundaries & Error Handling

Advanced React Patterns

Geavanceerde Next.js-functies

Next.js Deployment & Productie

Architecture & Design Patterns

React Server Components

Next.js Internationalisering

React Beveiliging & Best Practices

Beheers React / Next.js voor je volgende gesprek