- Multi-Vendor Architecture: Allows multiple vendors to register, manage their own products, and sell on a single platform.
- Customer-Facing Storefront: A beautiful and responsive user interface for customers to browse and purchase products.
- Vendor Dashboards: Dedicated dashboards for vendors to manage products, view sales analytics, and track orders.
- Admin Panel: A comprehensive dashboard for platform administrators to oversee vendors, products, and commissions.
GoCart features a centralized color configuration system that makes it easy to customize and maintain your site's color scheme.
Change your entire site's color scheme in 5 minutes:
- Open
lib/config/colors.js - Find
primary.500(around line 16) - Change it to your color:
'#your-color-here' - Restart the dev server:
npm run dev - Done! 🎉
- Quick Reference - 5-minute guide to changing colors
- Complete Guide - Detailed documentation
- Color System Overview - System architecture and features
- Available Themes - 8+ pre-built color themes
- Current Colors - Full color palette reference
- Migration Guide - Guide for updating existing code
Choose from 8+ ready-to-use themes:
- 🌿 Fresh Green (current)
- 🔥 Vibrant Orange
- 💼 Professional Blue
- 💎 Elegant Purple
- ❤️ Warm Red
- 🌙 Deep Indigo
- 💧 Fresh Cyan
- 🎀 Soft Pink
See themes.js for all options.
- Framework: Next.js
- Styling: Tailwind CSS
- UI Components: Lucide React for icons
- State Management: Redux Toolkit
- Color System: Centralized configuration with theme support
First, install the dependencies. We recommend using npm for this project.
npm installThen, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/(public)/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Outfit, a new font family for Vercel.
We welcome contributions! Please see our CONTRIBUTING.md for more details on how to get started.
This project is licensed under the MIT License. See the LICENSE.md file for details.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!