Question 1

Wat is een Server Action in Next.js?

Accepted Answer

Een Server Action is een asynchrone functie die alleen op de server wordt uitgevoerd en direct vanuit Client- of Server-componenten kan worden aangeroepen. Het verwerkt datamutaties (POST, PUT, DELETE) zonder een expliciete API-route te maken. Server Actions vereenvoudigen de code door de duplicatie van API-route + client-side fetch-aanroep te vermijden.

Question 2

Hoe declareer je een Server Action in een apart bestand?

Accepted Answer

Om een Server Action in een apart bestand te maken, voeg de 'use server' directive bovenaan het bestand toe en exporteer async-functies. Deze aanpak wordt aanbevolen voor herbruikbaarheid en scheiding van verantwoordelijkheden. Functies kunnen vervolgens in elk Client- of Server-component worden geïmporteerd.

Question 3

Wat is het verschil tussen een Server Action en een API-route?

Accepted Answer

Server Actions zijn direct aanroepbaar vanuit componenten zonder een expliciet REST-eindpunt te maken, terwijl API-routes een HTTP-aanroep (fetch) vereisen. Server Actions vereenvoudigen de code door route + client-aanroepduplicatie te vermijden. Ze zijn optimaal voor eenvoudige mutaties, maar API-routes blijven nuttig voor publieke eindpunten of webhooks.

Next.js Server Actions

Wat is een Server Action in Next.js?

Antwoord

Hoe declareer je een Server Action in een apart bestand?

Antwoord

Wat is het verschil tussen een Server Action en een API-route?

Antwoord

Hoe gebruik je een Server Action in een HTML-formulier?

Welk type data ontvangt een Server Action van een formulier?

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

Routing & Navigatie in Next.js

Next.js API Routes

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