แดชบอร์ดผู้ดูแลระบบอีคอมเมิร์ซ
ยินดีต้อนรับสู่ E-commerce Admin Dashboard ศูนย์กลางรวมศูนย์สำหรับการจัดการร้านค้าออนไลน์หลายแห่งได้อย่างง่ายดาย แดชบอร์ดผู้ดูแลระบบนี้ช่วยให้คุณควบคุมแง่มุมต่างๆ ของธุรกิจอีคอมเมิร์ซของคุณ รวมถึงการจัดการผลิตภัณฑ์ สินค้าคงคลัง การขาย และอื่นๆ สร้างขึ้นด้วย Next.js, Shadcn UI, Tailwind CSS, AWS RDS สำหรับ PostgreSQL, AWS S3 สำหรับการจัดเก็บภาพ และ Clerk สำหรับการตรวจสอบสิทธิ์ ทำให้การจัดการระบบนิเวศอีคอมเมิร์ซทั้งหมดของคุณง่ายขึ้น
คุณสมบัติที่สำคัญ
การจัดการหลายร้านค้า
- จัดการร้านค้าหลายแห่งได้อย่างราบรื่น เช่น เสื้อผ้า อาหาร คอมพิวเตอร์ ฯลฯ ทั้งหมดนี้จากแดชบอร์ดส่วนกลางที่เดียว
- สร้าง อัปเดต หรือลบป้ายโฆษณา หมวดหมู่ ขนาด สี และผลิตภัณฑ์ในร้านค้าต่างๆ
การจัดการข้อมูลอย่างมีประสิทธิภาพ
- ใช้ตารางที่มีฟังก์ชันการแบ่งหน้าและการค้นหาเพื่อดูและจัดการข้อมูลได้อย่างมีประสิทธิภาพ
- ปรับปรุงการจัดการสินค้าคงคลังและนำเสนอผลิตภัณฑ์บนหน้าแรกหรือเก็บถาวรได้อย่างง่ายดาย
การแสดงข้อมูล
- รับข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพอีคอมเมิร์ซของคุณด้วยการแสดงคำสั่งซื้อ การขาย และรายได้แบบกราฟิกโดยใช้ Recharts
การรับรองความถูกต้องกับเสมียน
- ตรวจสอบสิทธิ์ผู้ดูแลระบบอย่างปลอดภัยโดยใช้ Clerk ช่วยให้พวกเขาสามารถลงชื่อเข้าใช้ด้วยบัญชี Google โดยใช้ OAuth2 หรืออีเมลและรหัสผ่าน
การจัดการการชำระเงินด้วย Stripe
- จัดการการชำระเงินได้อย่างง่ายดายด้วยการผสานรวม Stripe มอบประสบการณ์การทำธุรกรรมที่ราบรื่น
โหมดธีม
- เพลิดเพลินกับประสบการณ์ผู้ใช้ที่เป็นส่วนตัวด้วยการสนับสนุนทั้งโหมดธีมสว่างและธีมมืด ปรับปรุงความสามารถในการอ่านและความสวยงาม
การยืนยันการสั่งซื้อ
- รับอีเมลยืนยันอัตโนมัติ รวมถึงหมายเลขติดตามคำสั่งซื้อที่ไม่ซ้ำกันเมื่อมีการส่งคำสั่งซื้อ เพื่อให้มั่นใจว่าคุณจะทราบข้อมูลการซื้อของคุณอยู่เสมอ
การสาธิต
เพื่อวัตถุประสงค์ในการสาธิต เส้นทางของผู้ดูแลระบบถูกปิดใช้งานโดยเจตนาสำหรับการผลิต เพื่อให้ผู้เยี่ยมชมทุกคนสามารถดูเว็บไซต์ของผู้ดูแลระบบในสถานะปัจจุบันได้ มีการสร้างร้านค้าสองแห่งแยกกัน แห่งหนึ่งสำหรับเสื้อผ้าและอีกแห่งสำหรับรองเท้า ถูกสร้างขึ้นด้วยผลิตภัณฑ์ที่กำหนดค่าไว้ล่วงหน้า
สำรวจการสาธิตแดชบอร์ดผู้ดูแลระบบอีคอมเมิร์ซเพื่อสัมผัสประสบการณ์การใช้งานคุณสมบัติเหล่านี้
ร้านค้าที่ร่วมรายการ
หน้า GitHub
เว็บไซต์ร้านค้าอีคอมเมิร์ซ GitHub: พื้นที่เก็บข้อมูล GitHub
เว็บไซต์
ค้นพบฟีเจอร์ร้านค้าหลายร้านโดยการสำรวจร้านค้าที่แตกต่างกันสองแห่ง ซึ่งจัดแสดงความอเนกประสงค์ของแพลตฟอร์มอีคอมเมิร์ซ เรียกดู เพิ่มสินค้าลงในรถเข็นได้ตามใจชอบ และดำเนินการชำระเงินให้เสร็จสิ้นโดยใช้ข้อมูลบัตรทดสอบที่ให้ไว้ด้านล่างเพื่อรับประสบการณ์เต็มรูปแบบ
คลิกลิงก์เพื่อสำรวจเว็บไซต์ถ่ายทอดสด:
- เว็บไซต์ร้านขายเสื้อผ้าอีคอมเมิร์ซ
- เว็บไซต์ร้านขายรองเท้าอีคอมเมิร์ซ
เทคโนโลยีที่ใช้
- Next.js: React Framework สำหรับการเรนเดอร์ฝั่งเซิร์ฟเวอร์และสร้างเว็บแอปพลิเคชัน
- Shadcn UI: ไลบรารีส่วนประกอบยอดนิยมสำหรับการสร้างอินเทอร์เฟซผู้ใช้ที่สามารถเข้าถึงได้และปรับแต่งได้สูง
- Tailwind CSS: เฟรมเวิร์ก CSS เน้นยูทิลิตี้เป็นหลักสำหรับการจัดสไตล์
- PostgreSQL: ระบบจัดการฐานข้อมูลเชิงสัมพันธ์โอเพ่นซอร์สที่ทรงพลัง
- AWS RDS: บริการฐานข้อมูลเชิงสัมพันธ์ของ Amazon Web Services สำหรับการจัดการฐานข้อมูล PostgreSQL
- AWS S3: Amazon Web Services Simple Storage Service สำหรับจัดเก็บรูปภาพและทรัพย์สินอื่นๆ
- เสมียน: บริการตรวจสอบความถูกต้องสำหรับการจัดการการลงชื่อเข้าใช้ของผู้ใช้อย่างปลอดภัย
- Stripe: แพลตฟอร์มการประมวลผลการชำระเงินสำหรับการจัดการการชำระเงินที่เกิดขึ้นประจำ
- Recharts: ไลบรารีการสร้างแผนภูมิแบบประกอบได้สำหรับการสร้างการแสดงภาพข้อมูลเชิงโต้ตอบ
ภาพหน้าจอ
หน้าภาพรวม (แบบอ่อน)
หน้าภาพรวม (สีเข้ม)
หน้าสินค้า
แก้ไขหน้าสินค้า
หน้าเข้าสู่ระบบเสมียน
ใบอนุญาต
โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT
ติดต่อ
หากคุณมีคำถามหรือข้อเสนอแนะ โปรดติดต่อ:
