Question 1

Qu'est-ce qu'une Server Action dans Next.js ?

Accepted Answer

Une Server Action est une fonction asynchrone qui s'exécute uniquement côté serveur et peut être appelée directement depuis les composants Client ou Server. Elle permet de gérer les mutations de données (POST, PUT, DELETE) sans créer d'API route explicite. Les Server Actions simplifient le code en évitant la duplication API route + appel fetch côté client.

Question 2

Comment déclarer une Server Action dans un fichier séparé ?

Accepted Answer

Pour créer une Server Action dans un fichier séparé, ajouter la directive 'use server' en haut du fichier et exporter des fonctions async. Cette approche est recommandée pour la réutilisabilité et la séparation des responsabilités. Les fonctions peuvent ensuite être importées dans n'importe quel composant Client ou Server.

Question 3

Quelle est la différence entre une Server Action et une API route ?

Accepted Answer

Les Server Actions sont appelables directement depuis les composants sans créer d'endpoint REST explicite, tandis que les API routes nécessitent un appel HTTP (fetch). Les Server Actions simplifient le code en évitant la duplication route + appel client. Elles sont optimales pour les mutations simples, mais les API routes restent utiles pour les endpoints publics ou les webhooks.

Server Actions Next.js

Qu'est-ce qu'une Server Action dans Next.js ?

Réponse

Comment déclarer une Server Action dans un fichier séparé ?

Réponse

Quelle est la différence entre une Server Action et une API route ?

Réponse

Comment utiliser une Server Action dans un formulaire HTML ?

Quel type de données une Server Action reçoit-elle d'un formulaire ?

Autres sujets d'entretien React / Next.js

Les bases de JavaScript

Fondamentaux React

React Hooks

Cycle de vie des composants

React Router

Gestion d'état avec Context

Formulaires & Composants contrôlés

Fetching de données & API

React Query (TanStack Query)

Styling & CSS-in-JS

Fondamentaux Next.js

TypeScript avec React

Data Fetching Next.js

Routing & Navigation Next.js

API Routes Next.js

Metadata & SEO Next.js

Middleware & Auth Next.js

Testing React

Zustand State Management

Optimisation Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Fonctionnalités avancées Next.js

Déploiement & Production Next.js

Architecture & Design Patterns

React Server Components

Internationalisation Next.js

Sécurité & Best Practices React

Maîtrise React / Next.js pour ton prochain entretien