https://github.com/baroshem/nuxt-shopify-tailwind

Headless Commerce website with Nuxt 3, Shopify, and Tailwindcss
https://github.com/baroshem/nuxt-shopify-tailwind

commerce headless nuxt shopify tailwindcss vue

Last synced: 21 days ago
JSON representation

Headless Commerce website with Nuxt 3, Shopify, and Tailwindcss

• Host: GitHub
• URL: https://github.com/baroshem/nuxt-shopify-tailwind
• Owner: Baroshem
• Created: 2022-06-03T14:04:11.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T10:16:22.000Z (over 1 year ago)
• Last Synced: 2024-10-17T18:14:44.818Z (about 1 month ago)
• Topics: commerce, headless, nuxt, shopify, tailwindcss, vue
• Language: Vue
• Homepage: https://nuxt-shopify-tailwind.vercel.app/
• Size: 2.01 MB
• Stars: 57
• Watchers: 1
• Forks: 7
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [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](/static/building-headless-commerce-nuxt-shopify-tailwind.png)

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](https://www.vuestorefront.io/) and especially, the integration with Shopify [here](https://docs.vuestorefront.io/shopify/).*

## Reference

[![YouTube Video about Building Headless Commerce with Nuxt 3, Shopify, and TailwindCSS](https://img.youtube.com/vi/QK6wPHFiRyM/0.jpg)](https://www.youtube.com/watch?v=QK6wPHFiRyM)

* [TBD] Article tutorial

Official docs:

* Nuxt.js 3 documentation [here](https://v3.nuxtjs.org)

* TailwindCSS documentation [here](https://tailwindcss.com/)

* Shopify documentation [here](https://shopify.dev/api)

* Tailwind Elements documentation [here](https://tailwind-elements.com/)

## Setup

Make sure to install the dependencies:

```bash

# yarn

yarn install

# npm

npm install

# pnpm

pnpm install --shamefully-hoist

```

## Development Server

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

```bash

npm run dev

```

## Production

Build the application for production:

```bash

npm run build

```

Locally preview production build:

```bash

npm run preview

```

Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.