Headless & Évolutive : concevoir une application découplée avec API Platform et Vue.js (🇫🇷)

Une architecture entièrement découplée offre flexibilité, évolutivité, scalabilité et intégration fluide avec des services tiers. Cette conférence explore comment construire une API robuste avec Symfony et API Platform, permettant à des outils d’automatisation et agents IA d’interagir facilement avec le produit. Côté frontend, Vue.js est utilisé exclusivement pour consommer l’API, garantissant une séparation claire des responsabilités.

À travers des exemples concrets et une démonstration en direct, nous plongerons dans les bonnes pratiques, les défis rencontrés et les avantages de cette approche pour construire des applications évolutives et maintenables.

Points clés abordés dans cette présentation

• Pourquoi opter pour une architecture totalement découplée dans les applications SaaS ?
• Comment construire un produit headless avec Symfony et API Platform.
• Bonnes pratiques pour consommer des API avec Vue.js.
• Exemples concrets et retours d’expérience issus d’applications en production.

Cette présentation inclura

• Des exemples de code montrant Vue.js consommant l’API avec TanStack Query
• Des exemples d’organisation de projets (monorepo avec Moonrepo)
• Des exemples de génération de SDK à partir d’une spécification OpenAPI

Cette présentation n’inclura pas

La génération automatique de frontend avec les outils proposés par @api-platform/client. Nous ne l’envisageons actuellement que pour des interfaces d’administration, et c’est un sujet à part entière.