[Out of date] Headless Commerce with Nuxt 3, Shopify, and TailwindCSS

Please use this repository instead -> https://github.com/Baroshem/nuxt-shopify-storyblok

Example of a Headless Commerce website built with Nuxt 3, Shopify, and TailwindCSS. This project is a code repository template used in video tutorial series and an article that will be published soon.

This is not a real website template. In order to make it production ready many things would have to be implemented like order, checkout, categories, mobile support, etc. If you are looking for production ready Nuxt store with Shopify, check out Vue Storefront and especially, the integration with Shopify here.

Reference

• [TBD] Article tutorial

Official docs:

• Nuxt.js 3 documentation here
• TailwindCSS documentation here
• Shopify documentation here
• Tailwind Elements documentation here

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.