Hello Shopify Community!
I’m excited to share a project I’ve been working on: shopify-nuxt.
This project was heavily inspired by the official shopify-app-react-router template. While React is often the “default” for Shopify app development, I wanted to bring that same seamless, out-of-the-box experience to the Nuxt ecosystem.
What is shopify-nuxt?
It is a dedicated Nuxt module designed to bootstrap Shopify embedded apps. It removes the friction of manual configuration by providing core Shopify tools as native Nuxt integrations.
Key Features
-
App Bridge Ready: Includes App Bridge integration out of the box, handling the communication between your app and the Shopify admin without the boilerplate.
-
Polaris Web Components: Full support for Shopify’s Polaris design system via Web Components. This ensures your UI is consistent with the Shopify admin while staying within the Vue/Nuxt reactive framework.
-
Nuxt Module Architecture: Simply add it to your
nuxt.config.tsand start building. It’s designed to feel like a native part of the Nuxt 4 lifecycle.
Why I Built This
The goal was to provide Vue and Nuxt developers with a “batteries-included” starting point similar to the official React templates. If you love the Nuxt developer experience (DX) but need to build robust, Shopify-compliant apps, this module is built for you.
I’d love for the community to check it out, give it a spin, and share any feedback or suggestions!
NPM Package: shopify-nuxt