https://github.com/demitraps/ecommerce-admin-dashboard-next13

Admin Dashboard & CMS for ECommerce Store
https://github.com/demitraps/ecommerce-admin-dashboard-next13

admin-dashboard ecommerce ecommerce-application ecommerce-site ecommerce-store ecommerce-website mysql nextjs13 prisma react tailwindcss typescript

Last synced: 6 months ago
JSON representation

Admin Dashboard & CMS for ECommerce Store

• Host: GitHub
• URL: https://github.com/demitraps/ecommerce-admin-dashboard-next13
• Owner: demitraps
• Created: 2023-07-29T14:00:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-26T17:09:17.000Z (about 2 years ago)
• Last Synced: 2025-04-05T22:51:12.304Z (7 months ago)
• Topics: admin-dashboard, ecommerce, ecommerce-application, ecommerce-site, ecommerce-store, ecommerce-website, mysql, nextjs13, prisma, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://ecommerce-admin-dashboard-next13-seven.vercel.app/
• Size: 12.2 MB
• Stars: 13
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Full Stack Next.js 13 Admin Dashboard & CMS for E-Commerce Store | Next.js 13 App Router, React, Tailwind, Prisma, MySQL

This is the repository for a fully functioning [Admin Dashboard & CMS](https://ecommerce-admin-dashboard-next13-seven.vercel.app/).

Find the Github repository for the E-Commerce store here: https://github.com/demitraps/ecommerce-store-next13

## Features

- Create Multiple Stores

- Dashboard with stats

- Create billboards per different category

- Sizes/Colors

- Products linked to sizes, colors, billboards

- Archive/feature product

- Edit/Delete billboards, categories, sizes, colors

- Orders page with payment status

- API calls for Billboards, Categories, Sizes, Colors, Products

- Light and Dark mode

   

## Tech Stack

**React, Next.JS 13, TypeScript, TailwindCSS**

**Authentication:** Clerk

**Data validation:** Zod

**FileUploads:** Cloudinary

**Components:** Shadcn

**Database:** MySQL-PlanetScale with Prisma ORM

## Sign-in

https://ecommerce-admin-dashboard-next13-seven.vercel.app/

## Demo

Product creation: 

![App Screenshot](./demo/demo.gif)

and in store: 

![App Screenshot](./demo/store.gif)

## Screenshots

Homepage:

![App Screenshot](./demo/homepage.png)

Create store:

![App Screenshot](./demo/createstore.png)

Billboards:

![App Screenshot](./demo/billboard.png)

Create billboard:

![App Screenshot](./demo/createbillboard.png)

Categories:

![App Screenshot](./demo/categories.png)

Sizes:

![App Screenshot](./demo/sizes.png)

Colors:

![App Screenshot](./demo/colors.png)

Products:

![App Screenshot](./demo/products.png)

Create product:

![App Screenshot](./demo/createproduct.png)

Orders:

![App Screenshot](./demo/orders.png)

Settings:

![App Screenshot](./demo/settingsstore.png)

Light mode:

![App Screenshot](./demo/lightmode.png)

## To-Do List

- Multiple quantities per product

- Email notifications

- Video uploads

- Newsletters

- Additional stats

- Mark orders as complete

- Add tracking

### Prerequisites

**Node version 14.x**

### Cloning the repository

```bash

  git clone https://github.com/demitraps/ecommerce-admin-dashboard-next13.git

```

### Connect to PlanetScale and Push Prisma

```shell

npx prisma generate

npx prisma db push

```

### Start the app

```shell

npm run dev

```

## Available commands

Running commands with npm `npm run [command]`

| command         | description                              |

| :-------------- | :--------------------------------------- |

| `dev`           | Starts a development instance of the app |