Build Shopify Apps with Nuxt

shopify-app-nuxt is a Nuxt 4 module that provides authentication, webhooks, Polaris components, and App Bridge integration for building Shopify apps with Nuxt. Inspired by @shopify/shopify-app-react-router, it brings the same capabilities to the Nuxt ecosystem.

Get started

Built on proven tools

Vue for the frontend. Nitro for the server. Shopify for commerce.

Frontend with Vue.js

Built on top of Vue.js and its reactive, component-based architecture — giving you a familiar and productive developer experience.

Bundled with Vite

Leverages Vite's lightning-fast HMR and build pipeline for an instant feedback loop during development.

Server with Nitro

Nuxt DevTools Experience

Inspect components, routes, modules, and state in real time with Nuxt DevTools — making debugging and development a breeze.

What you get?

Built for Nuxt

First-class Nuxt module with auto-imported composables, server utilities, and components. Works seamlessly with Nuxt 3 and 4.

Blazing Fast

Powered by Vite for instant HMR, Nitro for edge-ready server routes, and the Nuxt module system for zero-config integration.

Secure Authentication

OAuth, session token exchange, and HMAC verification built-in. Authenticate admin, webhook, flow, public, and POS requests with a single composable.

Webhooks Made Easy

Register and handle Shopify webhooks with automatic HMAC validation. Just define your handlers and the module takes care of the rest.

Polaris Web Components

Use Shopify's official Polaris Web Components directly in your Vue templates — no wrappers needed. Get the exact same look and feel as the Shopify admin.

App Bridge Integration

CDN-based App Bridge setup with typed composables. Navigate, show toasts, and interact with the Shopify admin iframe out of the box.