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	启动应用程序的开发实例