ecommerce admin dashboard next13

Full Stack Next.js 13 แดชบอร์ดผู้ดูแลระบบ & CMS สำหรับร้านค้าอีคอมเมิร์ซ | เราเตอร์แอป Next.js 13, React, Tailwind, Prisma, MySQL

นี่คือพื้นที่เก็บข้อมูลสำหรับแดชบอร์ดผู้ดูแลระบบและ CMS ที่ทำงานได้อย่างสมบูรณ์

ค้นหาพื้นที่เก็บข้อมูล Github สำหรับร้านค้า E-Commerce ที่นี่: https://github.com/demitraps/ecommerce-store-next13

คุณสมบัติ

• สร้างร้านค้าหลายแห่ง
• แดชบอร์ดพร้อมสถิติ
• สร้างป้ายโฆษณาตามหมวดหมู่ต่างๆ
• ขนาด/สี
• สินค้าที่เกี่ยวข้องกับขนาด สี ป้ายโฆษณา
• เอกสารเก่า/คุณลักษณะของผลิตภัณฑ์
• แก้ไข/ลบป้ายโฆษณา หมวดหมู่ ขนาด สี
• หน้าคำสั่งซื้อพร้อมสถานะการชำระเงิน
• การเรียก API สำหรับป้ายโฆษณา หมวดหมู่ ขนาด สี ผลิตภัณฑ์
• โหมดแสงและความมืด

เทคสแต็ค

ตอบสนอง, Next.JS 13, TypeScript, TailwindCSS

การรับรองความถูกต้อง: พนักงาน การตรวจสอบข้อมูล: Zod FileUploads: ส่วนประกอบ 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 และ Push Prisma

npx prisma generate
npx prisma db push

เริ่มแอป

npm run dev

คำสั่งที่มีอยู่

การรันคำสั่งด้วย npm npm run [command]

สั่งการ	คำอธิบาย
dev	เริ่มอินสแตนซ์การพัฒนาของแอป