# Next.js Server Actions (React / Next.js)

> Server Actions, useFormState, useFormStatus, mutaties, progressieve verbetering, revalidatie

- 20 gespreksvragen
- Mid-Level
- [Gespreksvragen: React / Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen.md)

## 1. Wat is een Server Action in Next.js?

**Antwoord**

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.

## 2. Hoe declareer je een Server Action in een apart bestand?

**Antwoord**

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.

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

**Antwoord**

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.

## Nog 17 vragen beschikbaar

- Hoe gebruik je een Server Action in een HTML-formulier?
- Welk type data ontvangt een Server Action van een formulier?

Meld je gratis aan: https://sharpskill.dev/nl/login

## Andere React / Next.js-sollicitatieonderwerpen

- [JavaScript-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/javascript-essentials.md): 25 vragen, Junior
- [React-basisbegrippen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-fundamentals.md): 20 vragen, Junior
- [React Hooks](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-hooks.md): 22 vragen, Junior
- [Componentlevenscyclus](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/component-lifecycle.md): 18 vragen, Junior
- [React Router](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-router.md): 20 vragen, Junior
- [Statusbeheer met Context](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/state-management-context.md): 18 vragen, Junior
- [Formulieren & Controlled Components](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/forms-controlled-components.md): 20 vragen, Mid-Level
- [Gegevens ophalen & API](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/fetching-data-api.md): 20 vragen, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-query-tanstack.md): 20 vragen, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/styling-css-in-js.md): 18 vragen, Mid-Level
- [Next.js Fundamentals](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-fundamentals.md): 25 vragen, Mid-Level
- [TypeScript met React](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/typescript-react.md): 20 vragen, Mid-Level
- [Next.js Data Fetching](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-data-fetching.md): 24 vragen, Mid-Level
- [Routing & Navigatie in Next.js](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-routing-navigation.md): 22 vragen, Mid-Level
- [Next.js API Routes](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-api-routes.md): 20 vragen, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-metadata-seo.md): 18 vragen, Mid-Level
- [Next.js Middleware & Auth](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-middleware-auth.md): 22 vragen, Mid-Level
- [React Testen](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-testing.md): 20 vragen, Mid-Level
- [Zustand State Management](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/zustand-state-management.md): 18 vragen, Mid-Level
- [React Performance-optimalisatie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-performance-optimization.md): 22 vragen, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-error-boundaries.md): 18 vragen, Senior
- [Advanced React Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/advanced-react-patterns.md): 20 vragen, Senior
- [Geavanceerde Next.js-functies](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-advanced-features.md): 24 vragen, Senior
- [Next.js Deployment & Productie](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-deployment-production.md): 20 vragen, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-architecture-patterns.md): 22 vragen, Senior
- [React Server Components](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-server-components.md): 26 vragen, Senior
- [Next.js Internationalisering](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-internationalization.md): 20 vragen, Senior
- [React Beveiliging & Best Practices](https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/react-security-best-practices.md): 22 vragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/nl/technologies/react-next/sollicitatievragen/nextjs-server-actions