strapi starter next ecommerce

⛔เลิกกิจการ

ที่เก็บนี้ไม่ได้รับการดูแลอีกต่อไปและใช้ได้กับ Strapi V3 เท่านั้น หากต้องการค้นหา Strapi V4 ใหม่ล่าสุดให้ตรวจสอบ monorepo starters และ templates

---

strapi starter next.js e-commerce

Next.js Starter สำหรับการสร้างเว็บไซต์อีคอมเมิร์ซอย่างง่ายด้วย Strapi

ผู้เริ่มต้นนี้ช่วยให้คุณลองใช้ strapi ด้วย next.js ด้วยตัวอย่างของเว็บไซต์อีคอมเมิร์ซง่าย ๆ ที่คุณสามารถซื้อสติกเกอร์ Dev ได้ มันสามารถปรับแต่งได้อย่างสมบูรณ์และเนื่องจากความจริงที่ว่ามันเป็นโอเพนซอร์สเปิดให้มีการมีส่วนร่วมอย่างเต็มที่ ดังนั้นอย่าลังเลที่จะเพิ่มคุณสมบัติใหม่และรายงานข้อบกพร่อง!

ผู้เริ่มต้นนี้ใช้เทมเพลตอีคอมเมิร์ซ strapi

ตรวจสอบผู้เริ่มต้นทั้งหมดของเราที่นี่

คุณสมบัติ

• 1 องค์ประกอบ
• 2 ประเภทคอลเลกชัน: ผลิตภัณฑ์หมวดหมู่
• 27 ผลิตภัณฑ์ที่สร้างขึ้น
• 6 หมวดหมู่ที่สร้างขึ้น
• การอนุญาตตั้งค่าเป็น true สำหรับผลิตภัณฑ์และหมวดหมู่
• การออกแบบที่ตอบสนองโดยใช้ Tailwind CSS
• ระบบกระสุน
• ระบบสิ่งพิมพ์ (ร่างและเผยแพร่)
• การควบคุมการเข้าถึงตามบทบาท
• การชำระเงินที่จัดการกับ snipcart

ผู้เริ่มต้นนี้ใช้ snipcart ซึ่งช่วยให้คุณตั้งค่าตะกร้าสินค้าในเว็บไซต์ใด ๆ พวกเขาเขียนบทเรียนสอนวิธีสร้างเว็บไซต์นี้ แต่ขายคัพเค้ก!

การชำระเงินจะไม่ทำงานใน LocalHost เรากำลังนำคุณไปสู่บทช่วยสอนนี้หากคุณต้องการทดสอบการชำระเงินในท้องถิ่น

เริ่มต้น

ใช้ CLI create-strapi-starter ของเราเพื่อสร้างโครงการของคุณ

npx create-strapi-starter@3 my-site next-ecommerce

CLI จะสร้าง monorepo ติดตั้งการพึ่งพาและเรียกใช้โครงการของคุณโดยอัตโนมัติ

เซิร์ฟเวอร์ส่วนหน้าถัดไปจะทำงานที่นี่ => http: // localhost: 3000

เซิร์ฟเวอร์แบ็กเอนด์ Strapi จะทำงานที่นี่ => http: // localhost: 1337

ปรับใช้เพื่อการผลิต

คุณจะต้องปรับใช้โครงการ frontend และ backend แยกต่างหาก นี่คือเอกสารที่จะปรับใช้แต่ละฉบับ:

• ปรับใช้ strapi
• ปรับใช้ต่อไป

อย่าลืมตั้งค่าตัวแปรสภาพแวดล้อมในแอพการผลิตของคุณ:

สำหรับส่วนหน้าต้องมีตัวแปรสภาพแวดล้อมต่อไปนี้:

• NEXT_PUBLIC_STRAPI_API_URL : url ของแบ็กเอนด์ strapi ของคุณโดยไม่ต้องต่อท้าย

สนุกกับการเริ่มต้นนี้!