Vue.js en production depuis 2017
Des développeurs experts en Vue.js, en régie comme au forfait
Sites Nuxt, applications web et back-offices Vue.js livrés par une équipe pluridisciplinaire.
Agence en forfait, ESN en régie
Lonestone est une agence Vue.js et une ESN nantaise active partout en France depuis 2014. Son équipe de 30 développeurs, product managers et designers livre des projets Vue.js en production depuis 2017 sur des SaaS, des back-offices, des sites Nuxt et des applications web internes. Elle intervient en forfait avec une équipe complète engagée sur le résultat, ou en régie via l’offre Scale avec des développeurs Vue.js au temps passé pour renforcer une équipe existante.
L’expertise dépasse le strict frontend. Les développeurs sont fullstack TypeScript (Node, NestJS, PostgreSQL côté back-end) et travaillent main dans la main avec les product designers et les product managers. Cette polyvalence raccourcit le chemin entre une idée produit et sa mise en production.
Pourquoi choisir Lonestone comme agence Vue.js
L'expertise Vue.js de l'équipe vient de huit ans à livrer des SaaS, des back-offices, des sites Nuxt et des applications web Vue, avec une exigence permanente sur la qualité du code et la productivité de l'équipe.
Vue.js en production depuis 2017
L’équipe Lonestone livre des projets Vue.js depuis sa version 2.0. Elle a accompagné chaque grande transition (passage à Vue 3 et Composition API, Pinia, Nuxt 3) en production, ce qui donne une vision claire des patterns de typage et d’architecture qui scalent dans la durée.
Une équipe Vue.js senior, dev frontend + design + product
L’équipe est composée majoritairement de profils seniors avec cinq à dix ans d’expérience JavaScript et frameworks frontend, et associe développeurs Vue.js, product designers et product managers sur chaque projet. La proximité entre disciplines raccourcit les boucles de feedback et garantit des choix techniques cohérents sur la durée.
Régie ou forfait, selon votre besoin
Lonestone intervient en forfait avec une équipe complète engagée sur le résultat (mode habituel pour les nouveaux projets ou les refontes), ou en régie via l’offre Scale avec des développeurs Vue.js seniors au temps passé pour renforcer une équipe existante.
Productivité et lisibilité du framework
La syntaxe templates de Vue, la Composition API et l’écosystème officiel maintenu par la core team (Vue Router, Pinia, Vue I18n) rendent l’équipe productive très vite. La courbe d’apprentissage douce facilite aussi les recrutements et la passation à une équipe interne quand le projet est livré.
Nuxt pour le SSR, le SEO et la performance
Nuxt 3 apporte au-dessus de Vue le rendu côté serveur, la génération statique et l’ISR. L’équipe instrumente Lighthouse et le Real User Monitoring dès le premier sprint pour livrer des sites indexables et chargés en moins d’une seconde.
TypeScript du store à l'UI
Tous les nouveaux projets Vue.js de Lonestone sont écrits en TypeScript, et le typage continue côté API et base de données. La Composition API + script setup + TypeScript donne une expérience de typage proche de celle de React, avec une chaîne de types complète qui détecte les erreurs à l’écriture.
Stack standard, code livré, zéro lock-in
Le projet Vue.js reste la propriété du client et la stack volontairement standard (Vue 3, Pinia, Vue Router, Nuxt, TypeScript) permet à n’importe quelle équipe Vue de reprendre la codebase, en interne ou chez un autre prestataire.
L’accompagnement de Lonestone a été exceptionnel du début à la fin, et nous avons pu compter sur le soutien des équipes dans toutes les circonstances. Le suivi a été professionnel à chaque étape : un processus complet pour définir le travail en amont, un fonctionnement en mode agile pour s’adapter à l’évolution de nos besoins, et toute une équipe à notre disposition pour bénéficier du plus grand nombre de compétences possible et progresser au mieux. C’était formidable de travailler avec une équipe aussi talentueuse que plaisante au quotidien, et nous ferons à nouveau appel à eux à l’avenir !
Guillaume CAZCARA · CEO @ Hexacup
Une architecture technique de pointe
Les technologies et architectures que nous choisissons sont éprouvées, robustes et évolutives. Nous basons la plupart de nos projets sur le boilerplate Lonestone que nous maintenons en open source.
Le terrain de chasse de Vue.js
Là où Vue.js fait toute la différence
Vue.js brille sur les SaaS, les back-offices et les sites Nuxt grâce à sa productivité et sa courbe d'apprentissage douce. Voici les types de projets qui reviennent le plus souvent dans les projets Lonestone.
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Sites Nuxt avec rendu hybride SSR + SSG + ISR</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Nuxt 3 apporte SSR, SSG et ISR au-dessus de Vue. Idéal pour les sites éditoriaux, marketing ou e-commerce qui dépendent du SEO et de la vitesse de chargement. L’équipe livre des sites Nuxt avec un score Lighthouse 95+ et une indexation Google maîtrisée.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Back-offices et outils internes Vue</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Vue brille sur les back-offices et outils internes grâce à sa courbe d’apprentissage douce et à des bibliothèques de composants comme PrimeVue, Element Plus ou Naive UI. CRUD complexes, tableaux de bord, workflows métier : la productivité de l’équipe se ressent directement sur la vélocité.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">SaaS et applications web Vue</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Composition API, Pinia, Vue Router et un design system documenté permettent de bâtir des SaaS B2B et B2C qui évoluent pendant des années. La syntaxe templates reste lisible même quand la complexité monte, ce qui facilite la maintenance.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/TechCode.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/TechCode.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Sites multilingues avec Nuxt et Vue I18n</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Vue I18n et Nuxt I18n gèrent les locales, les routes localisées et les traductions à grande échelle. Couplés à un CMS multilingue (Sanity, Strapi, Contentful), ils permettent de livrer un site qui scale à 10, 20 ou 50 langues sans réécriture du routing.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Intégration progressive dans un site existant</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Vue.js peut s’ajouter à un site Twig, PHP ou Rails sans réécriture complète, en injectant des composants réactifs sur des pages spécifiques. Une approche pertinente quand un site legacy doit gagner en interactivité sans bascule SPA d’un seul coup.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Organisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Évolution ou reprise d'un projet Vue existant</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Ajout de nouvelles fonctionnalités, migration Vue 2 vers Vue 3, modernisation des dépendances satellites (Vuex vers Pinia, Vue Router 4, Vue I18n 9), durcissement TypeScript. L’équipe prend le relais sur le rythme de release du client.</p> </div> </div>
Tout l'écosystème, pas juste Vue.js
Les outils qu'on choisit autour de Vue.js
Un projet Vue.js moderne s'appuie sur un écosystème spécifique. L'équipe maîtrise les choix qui comptent pour chaque type de projet.
<div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/ProductPrototype.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Méta-frameworks et build tools</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Nuxt 3 pour les sites avec SSR, SSG ou ISR. Vite pour les SPA Vue classiques (rapidité, ESM-first, watch mode quasi instantané). Vitest et Vue Test Utils pour les tests, Storybook pour la documentation des composants.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Optimisation.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Bibliothèques de composants</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">PrimeVue ou Naive UI pour les back-offices riches, Element Plus sur les projets historiques, Headless UI Vue pour les composants 100% sur mesure. Tailwind CSS pour le styling productif et cohérent.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Integration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Integration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">État et data fetching</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Pinia pour l’état partagé (remplaçant officiel de Vuex), Tanstack Query Vue pour le state serveur, useFetch et useAsyncData natifs sur Nuxt. tRPC ou API REST classiques pour parler au backend.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Iteration.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Formulaires et validation</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">VeeValidate avec Zod ou Yup pour les formulaires complexes et leur validation typée. FormKit sur les projets où la cohérence visuelle des formulaires prime. Vue I18n pour les sites multilingues.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Target.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Tests et qualité</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Vitest et Vue Test Utils pour les tests unitaires et de composants, Playwright pour les tests end-to-end, Cypress sur les projets historiques. ESLint avec eslint-plugin-vue, TypeScript strict obligatoire sur les nouveaux développements.</p> </div> </div><div class="feature bg-white p-6 lg:p-10 in-data-[theme=dark]:bg-black" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="24:73"> <div class="mb-4 w-fit rounded-2xl [[data-theme=dark]_&]:bg-yellow" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="25:66"> <span class="icon size-16 text-black" style="aspect-ratio:64/64;-webkit-mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg);mask-image:url(/@fs/data/app/src/assets/icons/Performance.svg?origWidth=64&origHeight=64&origFormat=svg)" data-astro-cid-bvystztw data-astro-source-file="/data/app/src/components/icons/Icon.astro" data-astro-source-loc="23:6"></span> </div> <h3 class="mb-4 font-medium text-2xl lg:text-3xl" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="28:53">Hébergement et observabilité</h3> <div class="text-lg text-gray-500 leading-9 in-data-[theme=dark]:text-gray-300" data-astro-source-file="/data/app/src/components/sections/Feature.astro" data-astro-source-loc="31:4"> <p class="md">Vercel ou Cloudflare Pages pour les sites Nuxt, Netlify pour les SPA Vue classiques, Scaleway ou cloud privé pour les contraintes d’hébergement Europe. Sentry pour la remontée d’erreurs en production, Plausible ou Umami pour les analytics privacy-friendly.</p> </div> </div>
Basés à Nantes, actifs partout en France
Des développeurs Vue.js à Nantes pour des projets dans toute la France
L'équipe Vue.js Lonestone travaille depuis la Halle 6 sur l'île de Nantes, juste au-dessus de La Cantine × French Tech Nantes. Les clients à Nantes, Rennes, Paris, Lyon, Bordeaux et au-delà bénéficient du même cadre de qualité : revues de code systématiques, design system documenté, tests automatisés, monitoring temps réel et déploiements automatisés sur Vercel ou cloud privé.
On discute de votre projet ?
Échange gratuit et sans engagement, directement avec un expert du sujet. Devis sous 48h.
Contacter l'équipe
de Lonestone
de Lonestone
FAQ
Questions fréquentes
<details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Quelle différence entre une agence Vue.js et une ESN Vue.js ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Une agence Vue.js livre un projet clé en main avec une équipe pluridisciplinaire (développeurs, product managers, designers) engagée sur le résultat. Une ESN Vue.js met à disposition des développeurs au temps passé pour renforcer une équipe existante. Lonestone propose les deux modes : forfait avec équipe complète, et profils en régie via l’<a href="/offres/scale" class="md">offre Scale</a>.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Faut-il choisir Vue.js ou React pour un nouveau projet ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md"><a href="/technos/react" class="md">React</a> est le choix par défaut chez Lonestone sur les nouveaux projets car son écosystème, la stack interne et le bassin de recrutement sont plus larges. Vue.js est privilégié quand le client a déjà une base Vue, une équipe formée Vue, un besoin spécifique sur Nuxt pour un site éditorial, ou cherche un framework plus accessible pour son équipe interne. Le choix se fait au cadrage selon le contexte.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Quelle est l'expérience de Lonestone en Vue.js ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Lonestone livre des projets Vue.js en production depuis 2017, soit huit ans de pratique sur des SaaS, des back-offices, des sites Nuxt et des applications web Vue. L’équipe maîtrise la Composition API, Pinia, Vue Router 4, Nuxt 3, Vue I18n et les patterns de migration Vue 2 vers Vue 3.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Lonestone propose-t-elle des développeurs Vue.js en régie (TJM) ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. En plus du mode forfait, Lonestone propose des développeurs Vue.js au temps passé via l’<a href="/offres/scale" class="md">offre Scale</a>. Ce mode convient aux clients qui ont déjà un product manager et un cadrage et cherchent à renforcer ponctuellement leur équipe avec des profils Vue.js seniors.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Nuxt ou Vue seul pour un nouveau site ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Nuxt 3 s’impose dès qu’un site doit être indexé par Google ou rendu côté serveur (sites éditoriaux, marketing, e-commerce, blogs). Vue seul (avec Vite) reste pertinent pour les SaaS, back-offices ou applications web où le SEO n’est pas critique. Le choix se fait au cadrage selon le type de produit et les contraintes de performance.</p> </div> </details><details class="group border-b border-gray-100 open:bg-gray-50 transition-colors duration-300" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="11:2"> <summary class="flex w-full cursor-pointer items-center gap-4 px-5 py-6 text-left list-none [&::-webkit-details-marker]:hidden" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="14:4"> <svg class="size-8 shrink-0 text-gray-400" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="22:6"> <line x1="0" y1="16" x2="32" y2="16" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-180" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="23:8"></line> <line x1="16" y1="0" x2="16" y2="32" class="transition-transform duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] origin-center group-open:rotate-90" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="30:8"></line> </svg> <h3 class="text-lg md:text-xl lg:text-2xl text-gray-950 text-balance" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="38:75"> Le code Vue.js produit reste-t-il la propriété du client ? </h3> </summary> <div class="faq-answer pl-18 pr-5 pb-6 text-base text-gray-600 leading-relaxed" data-astro-source-file="/data/app/src/components/sections/FAQItem.astro" data-astro-source-loc="42:83"> <p class="md">Oui. La codebase appartient au client et est livrée sur son dépôt Git. La stack volontairement standard (Vue 3, Pinia, Nuxt, TypeScript) permet à n’importe quelle équipe Vue de reprendre le projet en interne ou chez un autre prestataire.</p> </div> </details>
Nos articles à propos de Vue.js
Développement front end : de l'interface à la réussite produit
Développement front-end : enjeux stratégiques, ROI et bonnes pratiques pour réussir vos projets de produits numériques. Guide pour décideurs.
Explorer les alternatives modernes à React
Fatigué de React ? Découvrez les meilleures alternatives comme Vue, Svelte, Solid ou Preact, et choisissez le framework adapté à votre projet.
Comment réussir la refonte de son site web ? Nos conseils en 9 étapes
La refonte d’un site web consiste à modifier et à améliorer un site existant pour mieux répondre aux besoins des utilisateurs, aux objectifs de l'entreprise ou encore améliorer sa performance.