marketplace demo
1.0.0
ชุดเริ่มต้น Stelace นี้ใช้งานได้ฟรีภายใต้เงื่อนไขของใบอนุญาต MIT อย่าลังเลที่จะแยก มีส่วนร่วม หรือเพียงสร้างมันขึ้นมาเอง ❤️
ชุดเริ่มต้นนี้นำเสนอ ฟรอนต์เอนด์ตลาดที่คล้ายกับ AirBnB (Vue.js) ที่มีประสิทธิภาพสูง พร้อมการปรับใช้แบบไร้เซิร์ฟเวอร์ที่กำหนดค่าไว้ล่วงหน้า โดยอิงตามเซิร์ฟเวอร์ Stelace API แบบโอเพ่นซอร์ส
การสาธิตสด
เทมเพลตแพลตฟอร์มที่เน้นไปที่การค้นหา ระบบอัตโนมัติ และเรียลไทม์ก็มีให้บริการเช่นกัน
สเตเลซคืออะไร?
Stelace API ให้การค้นหาขั้นสูง การจัดการสินทรัพย์และผู้ใช้ ระบบอัตโนมัติและ API การจัดส่งเนื้อหาสำหรับแพลตฟอร์มเว็บ ตั้งแต่ตลาดที่เน้นการค้นหาไปจนถึงแอปชุมชนออนไลน์ แบ็กเอนด์ตลาดโอเพ่นซอร์ส Stelace ช่วยให้คุณมุ่งเน้นไปที่สิ่งที่ทำให้แพลตฟอร์มของคุณไม่เหมือนใคร
เอกสาร API
รับคะแนน PageSpeed มากกว่า 90 คะแนนทันที:
quasar.conf.jsชุดนี้เป็นไปตามรูปแบบ PRPL: ข้อมูลเพิ่มเติมในเอกสาร
ใช้ประโยชน์จากการผสานรวมเหล่านี้เพื่อเริ่มใช้งานแพลตฟอร์มของคุณเร็วยิ่งขึ้น:
สถาปัตยกรรม JAMStack แบบไร้เซิร์ฟเวอร์:
Node.js >= 10.18 ใช้สำหรับเครื่องมือ
คุณต้องมีคีย์ Stelace API เพื่อเริ่มต้น ข่าวดี: Stelace เป็นโอเพ่นซอร์ส ดังนั้นคุณจึงสามารถปรับใช้เซิร์ฟเวอร์ของคุณเองได้
git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo # using yarn instead of npm is recommended
yarnหากคุณไม่ได้ติดตั้งเส้นด้าย คุณสามารถปฏิบัติตามคำแนะนำเหล่านี้
คุณสามารถคัดลอก .env.example และเติมด้วยคีย์ Stelace API (สร้างด้วยโปรเจ็กต์โอเพ่นซอร์สฝั่งเซิร์ฟเวอร์)
cp .env.example .env.development
# You may want to use live keys in this file
cp .env.example .env.productionคุณต้องกรอกตัวแปรสภาพแวดล้อมต่อไปนี้:
STELACE_INSTANT_WEBSITE_URLSTELACE_PUBLISHABLE_API_KEY ( pubk_ ...) ที่ใช้ในแอป VueSTELACE_SECRET_API_KEY ( sec_ ...) ใช้ในสคริปต์การเพาะข้อมูลSTELACE_API_URL สามารถเว้นว่างไว้ได้ เว้นแต่คุณจะใช้เซิร์ฟเวอร์ของคุณเอง แทนที่จะเป็นค่าเริ่มต้น api.stelace.com โปรดดูที่ .env.example สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับตัวแปรสภาพแวดล้อม รวมถึงแผนที่ เกตเวย์การชำระเงิน การบันทึก และการวิเคราะห์
yarn seedquasar dev
# or, if you want to run Netlify functions with stripe payments as well:
yarn devโปรดดูเอกสาร Quasar สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการกำหนดค่าและส่วนประกอบส่วนหน้า
เซิร์ฟเวอร์ Stelace Core API จะต้องเปิดใช้งานในเครื่องก่อนที่จะเริ่มเซิร์ฟเวอร์ของโปรเจ็กต์นี้
ก่อนอื่นเราต้องเปิดตัวบริการที่จำเป็นสำหรับ Stelace Core API
yarn docker:dbจากนั้นเราจำเป็นต้องเริ่มต้นฐานข้อมูลด้วยการกำหนดค่าทันที
cd /path/to/stelace-core
git checkout dev
yarn setup:instant คีย์ API ลับและเผยแพร่ได้จะแสดงขึ้นเพื่อให้คุณใช้เป็นตัวแปรสภาพแวดล้อมสำหรับโปรเจ็กต์นี้ได้ คุณจะต้องตั้งค่าตัวแปรสภาพแวดล้อมบางอย่าง เช่น STELACE_API_URL (http://127.0.0.1:API_PORT)
มาเริ่มเซิร์ฟเวอร์กันดีกว่า
yarn dev โปรดดูที่ .env.example ในโปรเจ็กต์ stelace-server
ปรับแต่งแอปด้วยสีและแบรนด์ของคุณเองใน src/styles.json ซึ่งบันทึกไว้ใน styles.json.md
โปรดดูส่วนเอกสารการปรับใช้สำหรับรายละเอียดเพิ่มเติม
