Accueil
![]() | ![]() |
Un exemple de client / serveur [React] / [NestJS]
créé par l’IA Claude d’Anthropic, révisé par Serge Tahé - septembre 2026
Ce cours construit, étape par étape, une application client / serveur complète de prise de rendez-vous médicaux, RdvMedecins : un serveur NestJS écrit en TypeScript qui expose une API JSON, une base de données MySQL et un client React 19 qui consomme cette API.
Côté serveur, il met en place l’environnement de travail, présente NestJS, puis construit le serveur de l’application avec TypeORM et MySQL, une authentification par jetons JWT (@nestjs/passport, @nestjs/jwt) et un contrôle d’accès par rôles.
Côté client, il introduit React (composants fonctionnels, hooks), puis construit le client de l’application avec Vite et TypeScript, une interface Bootstrap et une internationalisation en français et en anglais avec i18next.
Prérequis : aucune connaissance de NestJS ni de de React n’est nécessaire. Il suffit de connaître les bases de JavaScript, des échanges HTTP (GET, POST, JSON), du langage HTML et de la ligne de commande.
Ce cours porte vers des technologies actuelles le cours Un exemple de client / serveur - AngularJS 1.x / Spring 4 (2014). La même application est construite avec d’autres clients dans les cours Angular / NestJS, Vue.js / NestJS et Flutter / NestJS. Pour apprendre React à partir de petits exemples, voir le cours Introduction étape par étape au framework web React.

