Accueil
 |  |
Un exemple de client / serveur [Vue.js] / [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 qui expose une API REST, une base de données MySQL et un client Vue.js 3 qui consomme cette API.
Côté serveur, il met en place l’environnement de développement, présente NestJS, puis construit le serveur de l’application : entités TypeORM, base MySQL et authentification par jetons JWT.
Côté client, il introduit Vue.js 3 (Composition API, <script setup>, TypeScript), puis construit le client de l’application, avec la gestion de la session, une internationalisation en français et en anglais avec vue-i18n et une interface adaptée au rôle de l’utilisateur connecté. Les extraits de code significatifs sont commentés ligne par ligne.
Prérequis : aucune connaissance de NestJS ni de de Vue.js 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, React / NestJS et Flutter / NestJS. Pour apprendre Vue.js à partir de petits exemples, voir le cours Introduction étape par étape au framework web Vue.js.