Vue.js development services we provide
Custom Vue.js and Nuxt application development
Metadrop builds net-new single-page applications (SPAs) and Nuxt-powered applications for enterprise use cases such as customer portals, dashboards and internal tools. Every build typically starts with TypeScript, a Composition API component architecture, and a test suite created from day one.
Vue.js consulting and architecture review
Metadrop delivers an independent assessment of component architecture, state management, bundle size and rendering strategy, weighing an SPA approach against SSR/SSG with Nuxt. The review lands as a clear roadmap before any code changes, giving the client full technical visibility before committing to a direction.
Vue 2 to Vue 3 migration
Metadrop maps a structured migration path off end-of-life Vue 2 (and its Options API) onto the current Vue 3 Composition API and toolchain. The work covers Vuex-to-Pinia state migration, a Vue CLI-to-Vite build migration, and dependency upgrades across the wider ecosystem, including Vuetify and Nuxt.
Vue.js + Drupal headless integration
Third-party integrations
Maintenance, support and SLA optimization
Metadrop provides long-term ownership: security patching, dependency upgrades, performance tuning and feature evolution under a contractual SLA.
They've Trusted Metadrop
From global consumer-goods retail to humanitarian, industrial and manufacturing organizations, enterprises across 50+ countries have relied on Metadrop for Vue.js and Nuxt front-end delivery.
Vue 2 to Vue 3 migration, without a rebuild
Vue 2 reached end of life in December 2023 and no longer receives security patches, leaving applications built on it exposed and blocking upgrades to the wider ecosystem, including Nuxt 3, Vuetify 3 and current Node.js LTS lines.
Every migration starts with a component and dependency audit: an inventory of Options API usage, third-party plugins, and a risk register specific to the codebase. From there, migration proceeds in phased releases against a fixed checklist, component by component, keeping the application running throughout instead of a single cutover.
Automated regression tests built with Vitest, Cypress or Playwright guard each phase, giving a clear pass/fail gate before every release. Typical outcomes include removed end-of-life dependencies, Vuex state migrated to Pinia, a Vite-based build, and a smaller, better-performing bundle.
Migration is validated against production-equivalent test environments before cutover, designed to minimize disruption and preserve existing SEO signals rather than promising a zero-risk switch.
Vue.js and Nuxt use cases we deliver
Customer portals and self-service areas
Enterprise dashboards and data-heavy interfaces
Internal tools and back-office applications
Progressive web apps (PWA) with Nuxt
Enterprise e-commerce front-ends
Intranets and employee experience platforms
A Vue or Nuxt front-end on top of a Drupal intranet backend, designed for multilingual and multi-site deployments.
Vue.js on headless Drupal, and enterprise integrations
A Vue or Nuxt front-end on a decoupled or progressively decoupled Drupal backend (JSON:API or GraphQL) gives marketing full editorial control while users get a modern experience.
Nuxt's SSR/SSG rendering preserves SEO performance on decoupled builds, addressing the common concern that a JavaScript front-end trades away search visibility.
Multilingual content is supported natively through Drupal, authored once and served to every locale, which matters for organizations running 20+ language variants.
Integration patterns delivered include Salesforce, SAP, Oracle, HubSpot, Microsoft Dynamics, custom legacy REST/SOAP back-ends, external mapping and geolocation services, and payment gateways. Identity and single sign-on run through SAML, OIDC and Keycloak.
Metadrop delivered a progressively decoupled Vue.js store and recycling-point locator for a multinational consumer-goods retail brand operating in 70+ countries, integrated into the existing Drupal site through a JSON web service and an external mapping API.
Metadrop also built Nuxt (Vue)-powered single-page applications for a global humanitarian organization operating in 56+ countries, integrated with Drupal through an authenticated GraphQL API for translatable content and data visualization.
Our Vue.js and Nuxt technology stack
- Language and framework: Vue 3 (Composition API), Nuxt 3, Vue Router, Vite.
- State management: Pinia, Vuex (legacy support), TanStack Query.
- UI and design systems: Vuetify, PrimeVue, Tailwind CSS; design tokens and bespoke component libraries.
- Testing: Vitest, Vue Test Utils, Cypress, Playwright.
- Back-end pairing: Drupal (headless and progressively decoupled), Node.js, GraphQL.
- Hosting and DevOps: AWS, Azure, Google Cloud; Docker, Kubernetes, GitLab CI, GitHub Actions.
- Mobile pairing: Ionic with a Vue front-end. See cross-platform apps using Ionic, React and Angular for the equivalent React/Angular pattern.
Security, compliance and governance
GDPR-ready Vue.js applications
WCAG 2.1 AA accessibility
Semantic markup, ARIA patterns and keyboard navigation are paired with automated and manual audits on each release cycle. WCAG 2.1 AA is today's legal accessibility baseline in the EU; WCAG 2.2 AA is applied as a design-quality target, not a separate legal requirement.
NIS2-prepared delivery
A secure SDLC, dependency scanning and a vulnerability-response SLA prepare delivery for NIS2 requirements in regulated sectors and public bodies.
ENS-certified partner
Metadrop holds Spanish National Security Scheme (ENS) certification, a requirement for public-sector contracts in Spain and the EU.
Front-end security baseline
Independent technical governance
How we work: our delivery process
Discovery and scoping
business goals, success metrics, technical constraints and an integration map, scoped before a line of code is written.Architecture and roadmap
a Vue/Nuxt architecture proposal, a migration plan when applicable, and a prioritized backlog ready for sprint zero.UX/UI design
the component library and key user flows are designed before build, reducing rework. See UX/UI design services.
Agile delivery in two-week sprints
demos, retrospectives and a transparent backlog every sprint. See agile development methodology.
Quality, security and accessibility gates
automated tests, WCAG audits and dependency/CVE scans run before each release.Launch and continuous improvement
production rollout, monitoring, performance budgets and ongoing maintenance under a defined SLA.
Engagement models
Dedicated team
Staff augmentation
Fixed-price project
Time and materials
Why organizations choose Metadrop for Vue.js
Metadrop brings 15+ years of enterprise web delivery across Drupal, Vue.js and decoupled architectures, working as an independent technical partner that owns the full lifecycle: strategy, UX/UI, build, maintenance and SLA-backed support.
Metadrop is a Drupal Silver Certified Partner and ENS-certified, with a GDPR-, WCAG- and NIS2-ready delivery track record.
Delivery spans 50+ countries, multilingual and multi-region by default, with the compliance credentials European enterprise procurement expects.
Metadrop's own published engineering work on integrating Vue.js and Nuxt.js applications with MongoDB and Docker-based infrastructure documents hands-on Vue/Nuxt delivery experience predating the current tooling generation.
Metadrop synchronized store, product and recycling-point data from external sources into Drupal through scheduled migrations, feeding a bilingual (Spanish/Catalan) Vue.js locator for a multinational consumer-goods retail brand.
Metadrop also delivered translatable-string support and authenticated GraphQL data flows for Nuxt (Vue) single-page applications within a humanitarian platform, covering complex data-visualization needs across a 56+-country operation.
Frequently asked questions
What are Vue.js development services?
Vue.js development services span consulting, design, build, migration, integration and long-term support for applications built with Vue.js and its Nuxt meta-framework. They cover SPAs, customer portals, dashboards, internal tools and progressive web apps.
Vue vs React vs Angular: which should we choose for an enterprise application?
Vue favors teams that want a gentler learning curve with strong templating ergonomics and an approachable Composition API. React offers flexibility for teams that prefer to assemble their own stack around a library rather than an opinionated framework. Angular suits large, long-lived applications built around Google's opinionated, batteries-included framework and strict TypeScript conventions. Metadrop builds all three and advises based on team composition, governance needs and roadmap.
How long does a Vue 2 to Vue 3 migration take?
Most focused migrations run 2 to 6 months, depending on codebase size, Options API usage and third-party plugin dependencies. A component and dependency audit in the first phase produces a project-specific estimate before any commitment.
How much does Vue.js development cost?
Cost depends on scope, integrations, team composition and engagement model. Metadrop publishes its engagement models (dedicated team, staff augmentation, fixed-price, time and materials) and quotes per project after a free consultation, rather than a public rate card, because rates vary by seniority and contract length.
What is Nuxt.js used for?
Nuxt is Vue's meta-framework: it adds server-side rendering (SSR), static site generation (SSG), file-based routing and module conventions on top of Vue. Metadrop uses Nuxt when SEO performance, initial load speed, or a structured project convention matters more than a plain SPA.
Can Vue.js integrate with Drupal, Salesforce or our existing back-end?
Yes. Metadrop delivers Vue and Nuxt front-ends on Drupal headless and progressively decoupled backends as one of its established delivery patterns, and integrates routinely with Salesforce, SAP, Oracle, HubSpot, Microsoft Dynamics, custom REST/GraphQL APIs and SSO providers such as SAML, OIDC and Keycloak.Will migrating from Vue 2 to Vue 3 affect our SEO or break production?
The goal is to preserve existing rankings and functionality throughout: a phased, checklist-driven migration validated with automated regression tests against production-equivalent environments before cutover. For SSR/SSG builds on Nuxt, indexable routes and metadata are verified as part of the migration checklist rather than assumed to carry over automatically.Are your Vue.js applications GDPR, WCAG and NIS2 ready?
GDPR-aligned data flows and WCAG 2.1 AA accessibility are part of the delivery baseline, with WCAG 2.2 AA applied as a design-quality target. Delivery is prepared for NIS2 requirements, and Metadrop is also ENS-certified for Spanish public-sector contracts. Whether a given application satisfies these standards depends on the client's own scope and processing activities; this is a technical readiness statement, not legal advice.
Start your Vue.js project with Metadrop
Enterprise Vue.js and Nuxt delivery, built around GDPR, WCAG and security best practices, with support across the full delivery lifecycle.
Tell us about your application or migration, and we'll scope a free 30-minute consultation, with no commitment required and a response within one business day.