A Nuxt 3 starter template for creating a custom frontend with Shopify's Storefront API. This template sets up a powerful e-commerce site using Nuxt 3, TailwindCSS, and other essential tools to integrate seamlessly with Shopify's API.
- 📦 Nuxt 3
- 🛠 Shopify Storefront API Client
- 🎨 Tailwind CSS
- 🧩 State & Store Management (Pinia)
- 📦 Vue Composition Collection (Vueuse)
- 💅 Sass
- 🧩 Headless UI
- 🌙 Theme Manager (Color Mode)
- 🧩 Auto Animate
- 🧩 ShadCN Nuxt
- 🧩 Pinia Persistent State
-
Clone the repository using:
git clone https://github.com/muneebbug/nuxt3-commerce.git
-
Navigate into the project directory:
cd nuxt3-commerce
-
Install the project dependencies:
pnpm install
-
Start the development server:
pnpm run dev
The application will be available at
http://localhost:3000. -
Build the application for production:
pnpm run build
-
Generate static files:
pnpm run generate
-
Preview the production build:
pnpm run preview
-
Post-install: Prepare the project after installing dependencies:
pnpm run postinstall
- Nuxt 3
- Shopify Storefront API Client
- Tailwind CSS
- Sass
- Headless UI
- ShadCN Nuxt
- Adding Pinia
- auto import folder "stores"
- Eslint & Prettier
- 🌙 Theme Switcher (light, dark, system)
- 🇮🇩 Language Switcher
- Pages
- Home
- Collection
- Product
- Cart
- Blog
- Article
- 📦 Components
- Ecommerce Components
- Hero
- Collection List
- Product List
- Product Card
- Featured Product
- Product Details
- General Components
- Button
- Form
- Modal
- Drawers
- Tabs
- Ecommerce Components
Contributions are welcome! Please fork the repository and submit a pull request with your changes. Ensure to follow the coding standards and include tests for your modifications.
This project is licensed under the MIT License. See the LICENSE file for details.
- Muneeb Ur Rehman - @muneebbug
For questions or support, please open an issue on the GitHub repository. Feel free to adjust the URLs and content as needed!