Question 1

Was ist eine Server Action in Next.js?

Accepted Answer

Eine Server Action ist eine asynchrone Funktion, die nur auf dem Server ausgeführt wird und direkt von Client- oder Server-Komponenten aufgerufen werden kann. Sie verwaltet Datenmutationen (POST, PUT, DELETE) ohne eine explizite API-Route zu erstellen. Server Actions vereinfachen den Code, indem sie die Duplizierung von API-Route + clientseitigem fetch-Aufruf vermeiden.

Question 2

Wie deklariert man eine Server Action in einer separaten Datei?

Accepted Answer

Um eine Server Action in einer separaten Datei zu erstellen, die Direktive 'use server' oben in der Datei hinzufügen und async-Funktionen exportieren. Dieser Ansatz wird für Wiederverwendbarkeit und Trennung von Zuständigkeiten empfohlen. Funktionen können dann in beliebige Client- oder Server-Komponenten importiert werden.

Question 3

Was ist der Unterschied zwischen einer Server Action und einer API-Route?

Accepted Answer

Server Actions sind direkt von Komponenten aufrufbar, ohne einen expliziten REST-Endpunkt zu erstellen, während API-Routen einen HTTP-Aufruf (fetch) erfordern. Server Actions vereinfachen den Code durch Vermeidung von Route + Client-Aufruf-Duplizierung. Sie sind optimal für einfache Mutationen, aber API-Routen bleiben für öffentliche Endpunkte oder Webhooks nützlich.

Next.js Server Actions

Was ist eine Server Action in Next.js?

Antwort

Wie deklariert man eine Server Action in einer separaten Datei?

Antwort

Was ist der Unterschied zwischen einer Server Action und einer API-Route?

Antwort

Wie verwendet man eine Server Action in einem HTML-Formular?

Welchen Datentyp empfängt eine Server Action von einem Formular?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

Komponentenlebenszyklus

React Router

Zustandsverwaltung mit Context

Formulare & Controlled Components

Datenabruf & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Grundlagen

TypeScript mit React

Next.js Data Fetching

Routing & Navigation in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testing

Zustand State Management

React Performance-Optimierung

Error Boundaries & Error Handling

Advanced React Patterns

Erweiterte Next.js-Funktionen

Next.js Deployment & Produktion

Architecture & Design Patterns

React Server Components

Next.js Internationalisierung

React Sicherheit & Best Practices

Meistere React / Next.js für dein nächstes Interview