About This Template
The largest template in the catalogue at 42 pages, this is a full ecommerce back office in Vue 3 — the administrative half of an online store, built out to the level of detail a real merchant actually needs rather than stopping at a products list.
All 42 pages included
Products with add, edit and detail views; Categories and Brands; Inventory and Warehouse; Orders with order detail and a printable Invoice; Refunds; Abandoned Carts recovery; Coupons and Flash Sales; Customers and customer detail; Reviews and Product Reviews moderation; Sales Report, Customer Analytics and Traffic Analytics; Suppliers; Shipping, Payments and Taxes configuration; Roles and permissions; an FAQ manager; plus Dashboard, Calendar, Inbox, Notifications, Profile, Settings, a blank starter page, Login, Register, Forgot Password and styled 400, 401, 404 and 500 error pages.
Who it is for
Developers building a store admin panel, a marketplace seller dashboard, or an inventory and order management tool. Because the order, refund and coupon flows are already modelled, it is a substantial head start on any transactional back office.
Built with
Vue 3 with the Composition API, Vue Router, Vite, Bootstrap 5, Font Awesome, SweetAlert2, and ApexCharts via vue3-apexcharts for the reporting pages.
Reporting
Three dedicated analytics pages ship with working ApexCharts configurations — sales performance over time, customer behaviour, and traffic sources — so the charting layer is wired up and themed rather than left as a placeholder.
Connecting your own data
Products, orders, customers, refunds and the three analytics pages ship with realistic sample datasets, so every ApexCharts visualisation and table renders fully populated from the first run. Every screen is driven by plain JavaScript objects held in the component or a small local module, never by a hidden backend, so there is no framework magic to unpick. Replacing the demo data means swapping those objects for your own fetch or axios calls — the component structure, props and rendering all stay exactly as they are. Because the data layer is deliberately thin, the template works equally well in front of a REST API, a GraphQL endpoint, Firebase, Supabase or your own Node backend.
Responsive and accessible
Every page is laid out for desktop, tablet and mobile, with navigation collapsing to a drawer on small screens. Markup uses semantic elements and labelled form controls, so screen readers and keyboard navigation work sensibly out of the box rather than needing a retrofit.
What you get
The complete, unminified Vue source — components, router, styles and assets — plus the production build, ready to run with npm install and npm run dev. Every purchase includes a lifetime licence to use the template in unlimited personal and commercial projects, including paid client work. You may modify anything you like; you simply may not resell or redistribute the template files themselves. Download links never expire, and future fixes to this template are free. If you need this template adapted to your exact requirements, you can commission changes through our custom request service.