ฟรีและโอเพ่นซอร์ส สร้างด้วย next.js
React Storefront (RSF) ใช้สถาปัตยกรรมแบบไม่มีหัวช่วยให้คุณสามารถเปลี่ยนส่วนหน้าเดิมของคุณได้อย่างง่ายดายและเชื่อมต่อผ่าน APIs ไปยังแพลตฟอร์มอีคอมเมิร์ซหรือระบบแบ็กเอนด์ React Storefront ขยาย Next.js เพื่อรวมทุกสิ่งที่คุณต้องการสำหรับหน้าร้านอีคอมเมิร์ซ ลอง Tie Bar, Akira และ 1-800-flowers.com บนโทรศัพท์ของคุณเพื่อดูว่าไซต์บน RSF เร็วแค่ไหน!
React Storefront ไปได้ไกลเพิ่มขึ้นเพื่อบีบความเร็วจากการเพิ่มประสิทธิภาพประสิทธิภาพของจริงและผู้ใช้ที่เป็นไปได้รวมถึง::
บรรทัดล่าง: RSF ถูกสร้างขึ้นเพื่อความเร็ว!
React Storefront ใช้วิธีการใหม่ที่เป็นตัวหนาซึ่งให้ความสำคัญกับการผลิตของนักพัฒนาเพื่อให้คุณสามารถทำได้มากขึ้นในเวลาที่น้อยลง:
react storefront เป็นและมักจะเป็นโอเพ่นซอร์ส ทุกคนสามารถใช้และสนับสนุนโครงการ เป้าหมายของ RSF คือการปรับปรุงประสบการณ์การช็อปปิ้งออนไลน์สำหรับทุกคน
React Storefront นั้นสร้างขึ้นเองสำหรับอีคอมเมิร์ซ: มันมีส่วนประกอบ UI และเทมเพลตที่ออกแบบมาสำหรับอีคอมเมิร์ซ เป็น SEO และเครื่องมือค้นหาที่เป็นมิตร นอกจากนี้ React Storefront ช่วยให้คุณสามารถรักษารูปแบบ URL ที่มีอยู่ของคุณได้
React storefront เครื่องชั่งจากเว็บไซต์รายได้ $ 10m ถึง $ 1b+ และเป็นเว็บไซต์ Ecommerce ชั้นนำขององค์กร เฟรมเวิร์กสนับสนุนการย้ายถิ่นฐานในโลกแห่งความเป็นจริงของไซต์อีคอมเมิร์ซที่ซับซ้อนไปยัง PWAS ในขั้นตอนที่เพิ่มขึ้น
เรากำลังมองหาผู้มีส่วนร่วมและนักออกแบบที่ยินดีช่วยเหลือเราในการพัฒนาโซลูชัน
react storefront สามารถรวมเข้ากับแพลตฟอร์มอีคอมเมิร์ซใด ๆ ได้อย่างง่ายดายผ่าน API
ในการสร้างแอพ React Storefront ใหม่ให้ตรวจสอบให้แน่ใจว่ามีการติดตั้งและเรียกใช้ Node Node หรือใหม่กว่า:
npm create react-storefront@latest --yes (my-app-name)
เมื่อแอปของคุณถูกสร้างขึ้นแล้วคุณสามารถเริ่มต้นในโหมดการพัฒนาได้โดยเรียกใช้:
cd (my-app-name)
npm run dev
เอกสารนักพัฒนา
หากคุณต้องการมีส่วนร่วมโปรดอย่าลังเลที่จะ ยกปัญหา กับรายงานข้อผิดพลาดหรือการร้องขอคุณสมบัติหรือเพียงแค่เปิด คำขอดึง ด้วยการเปลี่ยนแปลงที่เสนอ
หลังจากโคลนนิ่ง repo วิ่ง:
npm i
หากต้องการใช้โคลนในพื้นที่ของคุณในโครงการให้ใช้ yalc
เพื่อเผยแพร่ react-storefront ไปยังร้านค้า YALC ในพื้นที่ของคุณ:
yalc publish
จากนั้นเรียกใช้สิ่งต่อไปนี้เพื่อผลักดันการสร้างที่อัปเดตไปยังร้านค้า YALC เกี่ยวกับการเปลี่ยนแปลง
npm run watch
ในที่สุดในโครงการของคุณ Run:
yalc add react-storefront
สิ่งนี้จะเปลี่ยนแพ็คเกจโครงการของคุณ JSON เพื่อใช้เส้นทางไฟล์ในรายการการพึ่งพาสำหรับ React-Storefront หากต้องการย้อนกลับการเปลี่ยนแปลงนี้ Run:
yalc remove react-storefront # or yalc remove --all
npm i
หากคุณมีคำถามหรือความคิดใด ๆ อย่าลังเลที่จะเข้าร่วม Slack ของเรา: ลิงค์คำเชิญ
เอกสารนี้เป็นส่วนที่ยากที่สุดของโครงการโอเพนซอร์สแต่ละโครงการ! แต่เรากำลังพยายามอย่างหนัก :-) คำแนะนำเต็มรูปแบบเอกสาร API และตัวอย่าง
react storefront เป็นและมักจะเป็นโอเพ่นซอร์สเปิดตัวภายใต้ใบอนุญาต Apache2
เช่นเดียวกับโครงการ next.js react storefront สามารถปรับใช้กับสภาพแวดล้อมใด ๆ ที่เรียกใช้ node.js วิธีที่ง่ายที่สุดในการทดสอบไดรฟ์และปรับใช้ react storefront อยู่บน Layer0 ซึ่งเป็น PaaS แบบไม่มีเซิร์ฟเวอร์ที่ช่วยให้นักพัฒนาซอฟต์แวร์เพิ่มความเร็วในการเพิ่มความเร็วทั่วทั้งสแต็กเพื่อส่งมอบเว็บไซต์ไดนามิกที่สองรอง มีชั้นฟรี
RSF ถูกสร้างขึ้นโดยกลุ่มเว็บไซต์อีคอมเมิร์ซสำนักงานอีคอมเมิร์ซและวิศวกรแพลตฟอร์มอีคอมเมิร์ซ
พันธมิตรได้รับการสนับสนุนให้สนับสนุนโครงการในรูปแบบต่าง ๆ - ส่วนใหญ่โดยการสนับสนุนซอร์สโค้ดกิจกรรมการตลาดการประกาศข่าวประเสริฐและการดำเนินโครงการการผลิต เราสนับสนุนพันธมิตรของเราโดยช่องทางติดต่อโดยเฉพาะการประชุมเชิงปฏิบัติการและโดยการแบ่งปันโอกาสในการขายจากพ่อค้าที่สนใจในการใช้งาน
โลโก้และแนวทางปฏิบัติของหน้าร้าน
ซอร์สโค้ด react storefront นั้นฟรีและเปิดตัวภายใต้ใบอนุญาต Apache v2.0 ตรวจสอบใบอนุญาต MD สำหรับรายละเอียดเพิ่มเติม