Shopify App Template Using Vue 🟢

This is a template for building Shopify apps using Vue.js as the frontend. It is based on the Shopify App Node template. If you would like to use React instead, check out Creating a shopify app.

Nothing modified on the backend, uses the same starter template from the one generated from shopify cli.🔥

Getting Started

1. Clone this repository
2. Run npm install in the root directory
3. Run npm run dev -- --reset to start the configure your app (Initial setup only!)
4. Run npm run dev to start the app (Subsequent runs)

What is included?

Vue 💚

• Vue.js 3.3
• Vue Router 4 for single page app routing
• Pinia for state management
• EsLint for linting

Shopify 🛍

• AppBridge Plugin for Vue to use Shopify App Bridge actions and components
• vueAuthenticatedFetch to make authenticated requests to the Shopify API and your backend.
• App embedding

Storage 💽

Uses SQLite as the db, same as the template see the supported databases.

To use one of these, you need to change your session storage configuration. To help, here’s a list of SessionStorage adapter packages. Storage Drivers

Deployment 🚀

• See Deploying shopify apps

---

What is not included?

Polaris Components

You can always access certain polaris components using the appBridge but if you want to use the full suite of components, you can use Shopify Polaris Vue. Install this in the frontend directory and follow the instructions in the README.

What next?

Here are some useful links to get you started:

• Build An Example App

• Shopify App Readme

• Vue.js

• Pinia

• Vue Router

Screenshots

App Submission

Built an app using this template? Submit it here App submission url