ecommerce admin dashboard next13

用於電子商務商店的全端 Next.js 13 管理儀表板和 CMS | Next.js 13 應用程式路由器、React、Tailwind、Prisma、MySQL

這是功能齊全的管理儀表板和 CMS 的儲存庫。

在此處找到電子商務商店的 Github 儲存庫：https://github.com/demitraps/ecommerce-store-next13

特徵

• 建立多個商店
• 帶有統計數據的儀表板
• 根據不同類別建立廣告牌
• 尺寸/顏色
• 與尺寸、顏色、廣告看板相關的產品
• 檔案/特色產品
• 編輯/刪除廣告看板、類別、尺寸、顏色
• 帶有付款狀態的訂單頁面
• API 呼叫廣告看板、類別、尺寸、顏色、產品
• 淺色和深色模式

技術堆疊

React、Next.JS 13、TypeScript、TailwindCSS

驗證：文員資料驗證： Zod檔案上傳： Cloudinary元件： Shadcn資料庫： MySQL-PlanetScale 與 Prisma ORM

登入

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

示範

產品創作：

並在商店：

截圖

首頁：

創建商店：

廣告看板：

創建廣告看板：

類別：

尺寸：

顏色：

產品：

創建產品：

訂單：

設定:

燈光模式：

待辦事項清單

• 每個產品有多個數量
• 電子郵件通知
• 影片上傳
• 時事通訊
• 附加統計數據
• 將訂單標記為完成
• 添加跟踪

先決條件

節點版本 14.x

克隆儲存庫

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

連接到 PlanetScale 並推送 Prisma

npx prisma generate
npx prisma db push

啟動應用程式

npm run dev

可用指令

使用 npm 運行命令npm run [command]

命令	描述
dev	啟動應用程式的開發實例