Baroshem / nuxt-shopify-tailwind

Headless Commerce website with Nuxt 3, Shopify, and Tailwindcss
https://nuxt-shopify-tailwind.vercel.app/
57 stars 7 forks source link
commerce headless nuxt shopify tailwindcss vue

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

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

Headless Commerce with Nuxt 3, Shopify, and TailwindCSS

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

YouTube Video about Building Headless Commerce with Nuxt 3, Shopify, and TailwindCSS

Official docs:

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.