checkout this video from more detail
StoreOps is a comprehensive Next.js 14 CMS for e-commerce solution that includes a multi-store admin portal and a customer-facing storefront. This project provides a full-featured platform for managing multiple e-commerce stores from a single admin interface, along with a responsive frontend for customers.
- Multi-store management
- Product and order management
- Analytics dashboard
- Scalable APIs for frontend integration
- Responsive design
- Shopping cart functionality
- Product filtering and search
- Stripe payment integration
This project demonstrates the power of Next.js 14 in creating a full-stack e-commerce solution, utilizing the latest web technologies to provide a seamless experience for both store administrators and customers.
Follow these steps to set up the StoreOps project locally:
- Clone the repository:
git clone https://github.com/niranjangirhe/storeops-admin-portal.git
- Install dependencies (Node.js version 20 is recommended):
npm i
-
Set up environment variables as per the sample.env file.
-
Start the development server:
npm run dev
Ensure you have access to all necessary services and replace the placeholder values with your actual credentials.
- Clerk account for authentication
- Stripe account for payment processing
- Cloudinary account for image hosting
- MySQL database
Make sure you have accounts set up with these services and have obtained the necessary API keys and credentials.
The admin portal provides APIs that can be used by the storefront or other applications. The base URL for API requests is:
https://your-admin-portal-domain.com/api/{storeId}
Replace 'admin-portal-domain' with the actual domain where your admin portal is hosted. The {storeId} parameter is the ID of the specific store you want to interact with.
If you are using the StoreOps sample frontend UI, add the following to your frontend .env file:
NEXT_PUBLIC_API_URL=https://admin-portal-domain/api/{storeId}
- Billboards:
/api/{storeId}/billboards - Categories:
/api/{storeId}/categories - Sizes:
/api/{storeId}/sizes - Colors:
/api/{storeId}/colors - Products:
/api/{storeId}/products - Orders:
/api/{storeId}/orders
For more detailed information about the StoreOps project and its API, please visit our documentation:
├── actions/
├── app/
│ ├── (auth)/
│ ├── (dashboard)/
│ ├── (root)/
│ └── api/
├── assets/
├── components/
│ └── ui/
├── docs/
├── hooks/
├── lib/
├── prisma/
├── providers/
└── public/
actions/: Server-side actionsapp/: Main application directory (Next.js 14 app router)(auth)/: Authentication-related pages(dashboard)/: Dashboard pages and components(root)/: Root-level pagesapi/: API routes
assets/: Static assets like images and SVGscomponents/: Reusable React componentsui/: UI-specific components
docs/: Documentation fileshooks/: Custom React hookslib/: Utility functions and librariesprisma/: Prisma ORM configurationproviders/: React context providerspublic/: Publicly accessible files
Follow these steps to set up the StoreOps store frontend example project on your local machine: link to frontend project github repo
- Clone the repository:
git clone https://github.com/niranjangirhe/storeops-store-frontend.git
- Install dependencies (Node.js version 20 is recommended):
npm i
-
Set up environment variables as per the sample.env file.
-
Start the development server:
npm run dev
NEXT_PUBLIC_API_URL=
You'll get this value from the admin portal in the settings section.
We welcome contributions from the community! If you'd like to contribute to this project, please read our Contributing Guidelines for detailed information on how to get started, submit changes, and more.
Your contributions help make this project better for everyone. Thank you for your interest and support!
This project is licensed under the MIT License - see the LICENSE file for details.
If you encounter any issues or need further clarification, please open an issue in this repository or contact our support team.