What's Included

The Shopify Vue App template comes packed with modern tools and frameworks to help you build powerful Shopify applications quickly.

Vue.js Ecosystem 💚

This template leverages the latest Vue.js technologies:

• Vue.js 3.5 - The progressive JavaScript framework
• Vue Router 4 - Official router for Vue.js
• Vue i18n - Internationalization plugin for Vue.js
• Pinia - Intuitive, type safe, and flexible Store for Vue

Backend Architecture

The template includes a well-structured backend setup:

server/
├── database/           # DB configuration (default: SQLite)
├── middleware/         # Middleware for user capture
├── models/             # Models for User and Webhook
├── routes/             # Default product routes
├── services/           # Shopify product creator
├── utils/              # Utilities (locale, webhook processing)
├── webhook/            # Webhook handlers (GDPR compliance included)
├── index.js            # Entry point
└── shopify.js          # Shopify configuration

Key Features

GraphQL Integration

Uses GraphQL for API interactions, as Shopify is phasing out REST APIs.

Automatic User Management

The app automatically creates user records when merchants install your app.

Webhook Handling

Comes with pre-configured webhook handling, including:

• Registration and verification
• GDPR compliance (required for Shopify app approval)
• Duplicate prevention

Database Support

• Built-in SQLite for development
• Easy configuration for MySQL or PostgreSQL in production

Development Tools

• ESLint and Prettier configured for code quality
• Comprehensive scripts for development workflows

Shopify Integration

The template handles all the complexities of Shopify app development:

• Authentication flow
• Session management
• API authentication
• App Bridge integration
• Polaris UI components

Next Steps

Learn about the internationalization features or explore what's new in version 2.0.