↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

medusa-ecommerce-vue

eCommerce TypeScript

Medusa Ecommerce Vue 🛒

About

Participants

Patrick Monteiro – @patrickmonteiro
Luique Cruz – @Luiquecruz

Description

Online store with Medusajs and Quasar Framework(SPA, PWA, App Android/iOS and Desktop with Electron)

Preview

Desktop Browser

3D Mobile View

  • Access the app using the QRCode above and point the camera at the Sandal. We have few examples available.

Mobile Browser

App Desktop with Electron

Hybrid app with Capacitor

Set up Project

Prerequisite

Node v14.0 or higher.

Install Project

medusa-cli

First install medusa cli in your environment

yarn global add @medusajs/medusa-cli

medusa-server

Headless: Medusa is a highly customizable commerce API which means that you may use any presentation layer such as a website, app, chatbots, etc.
Quickstart Medusa Server 🔗
Start development environment:

yarn start

or

medusa develop

medusa-admin

The Medusa Admin provides you with a lot of functionalities and configurations such as Product Management, Order Management, Discounts and Promotions, and more.
Quickstart Medusa Admin 🔗
Start development environment:

yarn start

quasar-medusa-client

A client built with Quasar Framework with version 3 of Vuejs.
Getting Started Quasar 🔗
By default the web mode is what will work in your traditional environment.
For the other modes, you will need to configure the development environment as per the Quasar documentation.
Install Quasar CLI and then start the application with the command:

quasar dev

For PWA mode:

quasar dev -m pwa

For Capacitor mode:

quasar dev -m capacitor -T android

For desktop mode with electron:

quasar dev -m electron

Resources



↑