Question 1

Wat is een Route Handler in Next.js 13+ met de App Router?

Accepted Answer

Een Route Handler is een serverfunctie in een route.ts- (of route.js-) bestand waarmee je aangepaste API-endpoints kunt maken. In tegenstelling tot API Routes van de Pages Router (pages/api-map) bevinden Route Handlers zich in de app/-map en ondersteunen ze Web Standard Request/Response. Ze verwerken HTTP-verzoeken (GET, POST, PUT, DELETE, enz.) aan de serverzijde.

Question 2

Hoe maak je een Route Handler voor het afhandelen van een GET-verzoek?

Accepted Answer

Om een GET-verzoek af te handelen, exporteer je een async-functie genaamd GET in een route.ts-bestand. Deze functie ontvangt een Request-object en retourneert een Response met NextResponse.json(). Next.js koppelt de geëxporteerde GET-functie automatisch aan HTTP GET-verzoeken op deze route. Andere HTTP-methoden (POST, PUT, DELETE, PATCH) volgen hetzelfde patroon met hun respectievelijke namen.

Question 3

Wat is het verschil tussen NextResponse en de standaard Response?

Accepted Answer

NextResponse breidt de standaard Web Response-klasse uit met Next.js-specifieke functies. Het biedt handige methoden zoals NextResponse.json() voor automatische serialisatie, NextResponse.redirect() voor omleidingen, en maakt cookie- en headermanipulatie eenvoudiger. Hoewel de standaard Response werkt, wordt NextResponse aanbevolen omdat het de code vereenvoudigt en betere integratie met het Next.js-ecosysteem biedt.

Next.js API Routes

Wat is een Route Handler in Next.js 13+ met de App Router?

Antwoord

Hoe maak je een Route Handler voor het afhandelen van een GET-verzoek?

Antwoord

Wat is het verschil tussen NextResponse en de standaard Response?

Antwoord

Hoe haal je zoekparameters (query params) op in een Route Handler?

Hoe verwerk je een POST-verzoek en haal je de JSON-body op?

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 Metadata & SEO

Next.js Middleware & Auth

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