Open Source Shopify Starter Kit
Built with Vue 3, Nuxt 3, Apollo, Tailwind 3, Pinia, and Layer0
See readme for setup
Why NuxtShop
An opinionated Nuxt 3 starter kit for creating headless Shopify stores.
Build Shopify headless with Nuxt
Shopify has a lack of official resources for getting started with the Storefront API and Vue/Nuxt. NuxtShop was created to help get you started building a headless Shopify site using Nuxt, Apollo, and example GraphQL queries.
CSS Styling with Tailwind 3
NuxtShop uses Tailwind, a highly customizable utility-first CSS framework that allows style composition directly in your markup without having to deal with semantic class names.
Manage and store data with Pinia
Pinia is a lightweight state management library for Vue.js. It is extremely lightweight, and supports TypeScript and Vue DevTools, SSR, and code splitting.
Scaffolding included
NuxtShop provides everything you need out-of-the-box to get you up and running. It is designed to be customizable to the needs of your perfect shop.
Deploy on a few clicks on Layer0
You can deploy on Layer0, an Edge platform for higher developer velocity and sub-second page loads, in just a few clicks with routing and cache configurations.
Meet the Creator
JUSTIN METROS
HEAD OF TECHNOLOGY UNIVERSAL STANDARD
FORBES TECHNOLOGY COUNCIL
Justin Metros is the Head of Technology at Universal Standard. With 20 years of design and development experience, specializing in e-commerce, he is passionate about delivering meaningful and accessible shopping experiences for the modern web. Recognized over 30 times by advertising and web design’s top awards including The Cannes Lions, The One Show, The Clios, Shopify Commerce Awards, The FWA, as well as Awwwards. He is a Shopify Expert, Developer Advocate, and member of the Forbes Technology Council.
Justin Metros is the Head of Technology at Universal Standard. With 20 years of design and development experience, specializing in e-commerce, he is passionate about delivering meaningful and accessible shopping experiences for the modern web. Recognized over 30 times by advertising and web design’s top awards including The Cannes Lions, The One Show, The Clios, Shopify Commerce Awards, The FWA, as well as Awwwards. He is a Shopify Expert, Developer Advocate, and member of the Forbes Technology Council.
Ask Q&A Live at Vue Nation
DATE: JANUARY 27, 2022
TIME: 9:25-9:45AM PST WHERE:VUEJSNATION.CO
With physical stores closed by the pandemic, Universal Standard, the world’s most size inclusive fashion brand, migrated to a headless Shopify storefront with Nuxt.js, running on Layer0. Tune in to hear the key lessons learned from building a high performing eCommerce website that resulted in a 200% increase in mobile conversation rate. You’ll discover tips for a seamless migration and proven techniques for server-side rendering (SSR), caching, performance optimization, and deployments with an emphasis on developer experience.
As a BONUS: Access NuxtShop, an open source starter kit for developing headless eCommerce on Shopify with Vue 3, Nuxt 3, Apollo, Tailwind 3, and Pinia.
Co-developed with and co-sponsored by Layer
Layer0 harnesses the developer productivity, security, and performance benefits of Jamstack architecture – previously only available for static websites. The platform integrates edge logic into your application & extends the edge to the browser. Layer0 is focused on large, dynamic websites and best-in-class performance through EdgeJS (a JavaScript-based Content Delivery Network), predictive prefetching, and performance monitoring. Layer0 offers a free tier. Get started in just a few minutes by following our getting started guide.