https://github.com/khomsiadam/megastore
Ecommerce platform built with Next.js 13, providing a complete solution for both the admin panel and the store front.
https://github.com/khomsiadam/megastore
clerk clerkauth cloudinary mysql next-cloudinary nextjs13 planetscale prisma stripe tailwindcss typescript zustand
Last synced: 6 months ago
JSON representation
Ecommerce platform built with Next.js 13, providing a complete solution for both the admin panel and the store front.
- Host: GitHub
- URL: https://github.com/khomsiadam/megastore
- Owner: KhomsiAdam
- Created: 2023-07-08T08:44:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-13T19:18:31.000Z (over 2 years ago)
- Last Synced: 2025-01-24T00:26:59.622Z (over 1 year ago)
- Topics: clerk, clerkauth, cloudinary, mysql, next-cloudinary, nextjs13, planetscale, prisma, stripe, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://megastore-admin.vercel.app
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Ecommerce platform built with Next.js 13, providing a complete solution for both the admin panel and the store front.
Admin panel Demo at: https://megastore-admin.vercel.app, Store front: https://megastore-client.vercel.app
Key Features:
- Admin Panel: The project includes a powerful admin panel with a user-friendly interface for managing products, categories, orders, customers, and more. It provides efficient CRUD operations and an API documentation and advanced search capabilities to simplify administrative tasks.
- Store Front: The store front is designed to deliver a seamless shopping experience to customers. It showcases products, allows customers to browse through categories, add items to their cart, and complete the checkout process smoothly with the help of [Stripe](https://stripe.com/).
[*How to use test cards](https://stripe.com/docs/testing)
- Authentication and Authorization: The project implements secure user authentication and authorization using [Clerk](https://clerk.com/), ensuring that only authorized users can access the admin panel and perform privileged operations.
- Database Integration: It integrates with MySQL on [PlanetScale](https://planetscale.com/) and [Prisma](https://www.prisma.io/) to store and retrieve product information, user data, orders, and other essential data.
- Assets hosting using [Cloudinary](https://cloudinary.com/) with [Next Cloudinary](https://next-cloudinary.spacejelly.dev/)
Getting Started:
1. Clone the repository:
```bash
git clone https://github.com/KhomsiAdam/megastore
```
2. Browse to admin panel:
```bash
cd admin
```
3. Install dependencies:
```bash
pnpm install
```
4. Configure the necessary environment variables in `.env`.
5. Start the server:
```bash
pnpm dev
```
6. Access the admin panel at [http://localhost:3000](http://localhost:3000).
7. Open new terminal, Browse to store front:
```bash
cd client
```
8. Install dependencies:
```bash
pnpm install
```
9. Configure the necessary environment variables in `.env`.
10. Start the server:
```bash
pnpm dev
```
11. Access the store front at [http://localhost:3001](http://localhost:3001).