Une application Laravel qui a besoin d'une vraie interface
Quand les pages rendues au serveur ne suffisent plus — formulaires en plusieurs étapes, cartes interactives, tableaux filtrables — Vue prend le relais sans remplacer Laravel.
Développeur Vue.js au Québec
Développeur Vue.js — notre interface la plus utilisée.
Vue.js est la bibliothèque d'interface qui revient le plus souvent dans nos projets — pas par préférence esthétique, mais parce que la majorité de nos applications reposent sur Laravel, et que le couple Laravel-Vue est le mieux outillé du marché. Vigie marine, ServTV, Régéthermic Tango et Allokit tournent tous sur Vue. C'est notre page d'expertise la mieux garnie en réalisations réelles, et ce n'est pas un hasard.
- Vue 3
- Composition API
- TypeScript
- Inertia.js
- Vuetify
- Laravel
Vue.js, Composition API, Inertia : les termes remis en place.
Les rôles, expliqués
Ces mots reviennent dans les appels d'offres sans toujours désigner la même chose. Voici ce que chacun recouvre.
- Vue.js
- Vue.js est une bibliothèque JavaScript pour construire des interfaces web à partir de composants. Créée par Evan You, elle est indépendante d'une grande entreprise et s'intègre particulièrement bien aux applications rendues au serveur, dont celles bâties sur Laravel.
- Développeur Vue.js
- Un développeur Vue.js est un programmeur JavaScript qui bâtit l'interface d'une application web en composants Vue. Dans nos mandats, il travaille presque toujours en lien direct avec l'arrière-plan Laravel plutôt que sur une interface isolée.
- Composition API
- La Composition API est la façon d'écrire des composants introduite par Vue 3. Elle regroupe la logique par fonctionnalité plutôt que par type d'option, ce qui rend les gros composants lisibles et la logique réutilisable entre écrans.
- Inertia.js
- Inertia.js relie un arrière-plan Laravel à une interface Vue sans construire d'API REST séparée. Le contrôleur Laravel renvoie directement un composant Vue et ses données : on obtient une application monopage en gardant le routage et les permissions du serveur.
Quatre applications Vue.js en production.
Vue.js en production
Vigie marine pour le Réseau d'observation des mammifères marins — remplie au large, sans réseau, grâce à une application web progressive. ServTV pour Info Sign Media, Régéthermic Tango en environnement manufacturier et Allokit pour la construction. Dans les quatre cas, Vue porte l'interface et Laravel l'arrière-plan.
Réalisation
Application de science participative pour l’observation des baleines
Refonte de Vigie marine pour le Réseau d’observation des mammifères marins : saisie d’observations en Vue.js utilisable hors ligne au large du fleuve, carte publique et panneau d’administration sur mesure.
Réalisation
Plateforme SaaS d’affichage dynamique sur écrans
Logiciel d’affichage numérique multi-tenant pour créer, planifier et diffuser du contenu sur des écrans connectés dans plusieurs secteurs d’activité.
Réalisation
Logiciel de gestion d’outils avec suivi GPS
Plateforme de gestion d’actifs en Vue.js et Laravel pour localiser les outils, suivre les équipements et coordonner les chantiers des entreprises de construction en temps réel.
Réalisation
Logiciel de gestion de production alimentaire
Application industrielle en temps réel qui planifie et pilote la préparation, le portionnement et l’assemblage des repas en cuisine institutionnelle.
Vue.js est notre choix fréquent pour les interfaces reliées à Laravel.
Vue.js au quotidien
Nos réalisations montrent les contextes où Vue simplifie vraiment le travail des utilisateurs et l’entretien du produit.
Un panneau d'administration sur mesure
Gestion des utilisateurs, du contenu des pages et des listes de référence qui alimentent les formulaires, sans passer par un système de gestion de contenu générique.
Saisie de terrain, y compris sans réseau
Étapes, validation progressive, sélection sur carte — et une application web progressive qui garde son interface disponible quand la couverture cellulaire disparaît. C'est ce qui permet à Vigie marine d'être remplie au large du fleuve.
Reprise d'une application Vue 2
Vue 2 n'est plus maintenu depuis fin 2023. La migration vers Vue 3 et la Composition API est un mandat qui revient régulièrement.
Vue en production
Des composants clairs, branchés à de vrais processus.
La Composition API, Inertia et TypeScript sont utilisés pour garder l’interface lisible même lorsque l’application grandit.
- Vue 3 et Composition API
- Inertia.js pour relier Vue à Laravel sans API séparée
- TypeScript dans les composants et les magasins d'état
- Cartographie interactive avec Leaflet
- Applications web progressives (PWA) et fonctionnement hors ligne
- Bibliothèques de composants — Vuetify, Tailwind CSS
- Migration de Vue 2 vers Vue 3
Une interface complète est validée avant d’être répétée.
Façon de livrer
Nous sécurisons d’abord un parcours réel avec ses données, ses erreurs et ses permissions.
- 01
Décider ce qui reste au serveur
Avec Laravel derrière, une bonne partie de la logique n'a aucune raison de migrer dans le navigateur. On garde côté serveur ce qui touche aux règles d'affaires et aux permissions.
- 02
Modéliser les entités avant les écrans
Espèces, types d'embarcation, rôles d'utilisateur : les listes qui alimentent les formulaires doivent être administrables par le client, pas figées dans le code.
- 03
Tester dans les conditions d'usage
Une application utilisée en mer, en atelier ou sur un chantier rencontre des réseaux instables et des écrans tactiles. Ça se teste avant la mise en ligne, pas après.
Les technologies voisines qui complètent l’architecture.
Écosystème JavaScript
Une application combine souvent une interface, un rendu serveur, une API et parfois une version mobile. Explorez les expertises voisines sans perdre le contexte du projet.
Questions fréquentes
Les questions à régler avant le mandat.
Pourquoi Vue plutôt que React chez DevActif ?
Parce que la majorité de nos applications reposent sur Laravel, et que l'intégration Laravel-Vue-Inertia est la mieux outillée du marché. Ce n'est pas un jugement sur React, que nous utilisons aussi. Le vrai critère reste ce que votre équipe pourra reprendre après la livraison.
Notre application est en Vue 2. Est-ce un problème ?
C'en est un à moyen terme : Vue 2 n'est plus maintenu depuis décembre 2023, donc plus de correctifs de sécurité. Ça ne veut pas dire tout réécrire demain matin. On évalue l'ampleur réelle de la migration vers Vue 3 avant de la recommander.
Pouvez-vous ajouter un panneau d'administration à notre application ?
Oui, c'est un besoin fréquent. Sur Vigie marine, le panneau d'administration permet au ROMM de gérer le contenu des pages, les comptes utilisateurs, les observations et les listes d'entités des formulaires. Nous restons leur partenaire de développement : l'idée n'est pas de nous rendre inutiles, mais de sortir les gestes de routine du chemin critique.
Faites-vous du Nuxt ?
Oui, quand le contexte le justifie. Mais nos projets Vue passent le plus souvent par Laravel avec Inertia, qui répond au même besoin de rendu serveur en gardant l'arrière-plan PHP. Nuxt devient pertinent quand il n'y a pas de Laravel derrière. Voir notre page Nuxt pour ce raisonnement au complet.
👋 Salut, ici Marc-André !
Parlons de votre application Vue.js.
Montrez-nous l’application, la maquette ou le site actuel. On commencera par comprendre ce qui fonctionne déjà et ce qui bloque réellement.
Vous repartirez avec une lecture claire des options, de ce que votre équipe pourra reprendre, et de la prochaine étape raisonnable.
- info@devactif.ca
- 450-742-1703
- Varennes, Québec