A batteries-included boilerplate for a fully functioning Nuxt Shopify Storefront
Vue Open Storefront (WIP)
Vue Open Storefront is a batteries-included boilerplate for Nuxt-based Shopify Storefronts.
Technologies
- Nuxt 3 as the Framework
- Storefront API as the API
- Pinia for State Management
- Tailwind for styling
- Apollo for GraphQL
- TypeScript for type safety
Getting Started
1. Fork and clone this repository
2. Install dependencies
npm install
# or
yarn install
3. Start developing locally
npm run dev
# or
yarn dev
Shopify Setup
- Create a Shopify Store or login to an existing one;
- Tip: Sign up as a Shopify Partner to get access to development stores;
- In your store, go to apps and create a new app with Storefront API access;
- Install the app on your store and insert the
storefront_api_access_tokeninto the.envfile; - Insert the name of your storefront into the
.envfile.
Limitations
Having a storefront on the bleeding edge of web technologies is great and all, but that also means that the technologies aren’t tested by time as much so it may not be as stable as it could be.