Next.js 15 & Server Actions : La nouvelle architecture du web moderne

L'ère des API touche-t-elle à sa fin ?

Dans le développement web traditionnel, il y a toujours eu un mur épais entre le frontend et le backend : les API Endpoints. Nous écrivions des lignes de code juste pour gérer le trafic JSON, en envoyant des requêtes GET pour récupérer des données et des requêtes POST pour les muter.

Chez Suprast, nous abattons ce mur avec Next.js 15. Désormais, le frontend appelle le backend directement. Comment ? Avec les Server Actions.

Que sont les Server Actions ?

En termes simples, c'est la capacité de déclencher une fonction côté serveur directement depuis le côté client, tout comme un gestionnaire de bouton JavaScript. Pas de méthodes HTTP, pas de sérialisation manuelle, pas de fichiers de routes API supplémentaires.

// actions/create-project.ts
'use server';

export async function createProject(formData: FormData) {
  await db.project.create({ ... });
  revalidatePath('/projects');
}

Pourquoi avons-nous choisi cette architecture ?

1. Zero-Bundle Size : Les codes des Server Actions ne sont jamais envoyés au client (navigateur). Cela augmente considérablement la vitesse de démarrage de l'application.
2. End-to-End Type Safety : Les types backend définis avec TypeScript sont automatiquement reconnus sur le frontend. Si le schéma de la base de données change, le composant de formulaire génère une erreur. Cela élimine le 'risque d'exécution' (Runtime Risk).
3. Progressive Enhancement : Les formulaires continuent de fonctionner même si JavaScript est désactivé (grâce à React 19).

Conclusion

En tant qu'équipe d'ingénierie de Suprast, nous sommes passés à cette architecture dans des projets à fort trafic comme Novarge et Sigortafi. Le résultat : 40 % de code en moins, 100 % de flux de données sécurisé.

L'avenir est un web sans API.