An E Commerce Guitar Store which utilises my previous E Commerce Admin Project as a CMS
Live Preview: https://www.guitargear.shop/
GuitarGear.Shop is built using Next.js, a React framework for server-side rendering and static site generation. It is typed with TypeScript and styled using the Tailwind CSS utility-first framework.
For state management, Zustand is leveraged for a simple, fast React state solution.
The UI components use Headless UI, a completely unstyled component library that integrates beautifully with Tailwind CSS.
Stripe powers payments, subscriptions and billing for a smooth checkout experience.
Together, these technologies provide a fast, intuitive, and scalable platform for the GuitarGear.Shop ecommerce experience.
- Cart Functionality - Add products to cart
- Responsive - Mobile-first design
- Admin Dashboard CMS - Full featured admin dashboard for easily managing products, categories, and more
- Search and Filters - Finding gears is easy with search including pagination and advanced filters
- Order Management - Full visibility into orders, fulfillment, and customer communication
- Stripe Integration - Stripe powers a smooth, robust checkout experience and handles subscriptions
- Next.js - React framework for server-side rendering and static site generation
- TypeScript - Typed JavaScript
- Tailwind CSS - Utility-first CSS framework
- Headless UI - Unstyled component library for Tailwind CSS
- Zustand - Simple, fast React state management
- Stripe - Payments, subscriptions and billing
- Clone the repo
git clone https://github.com/yourname/GuitarGear.Shop.git - Install dependencies
npm install - Create a
.envfile with your environment variables - Run the dev server
npm run dev - Open http://localhost:3000 in your browser
Contributions are welcome! Please open an issue or submit a pull request.
This project is open source and available under the MIT License.