Headless eCommerce คืออะไร เหตุใดคุณจึงควรใช้
เผยแพร่แล้ว: 2020-05-13โลกอีคอมเมิร์ซมีการเปลี่ยนแปลงอย่างต่อเนื่องและอาจสูญเสียหัว ใช่ คุณได้ยินถูกต้องแล้ว การค้าหัวขาดอาจเป็นสิ่งใหม่และสามารถเป็นอนาคตของอีคอมเมิร์ซได้ การค้าขายหัวขาดกำลังค่อยๆ เพิ่มความนิยมขึ้นเรื่อยๆ แม้ว่าจะเป็นชื่อใหม่ในอีคอมเมิร์ซ แต่ก็ให้ประโยชน์มากมายสำหรับทั้งเจ้าของร้านและลูกค้า รวมถึงการโหลดเว็บไซต์ที่เร็วขึ้น ตัวเลือกการปรับเปลี่ยนในแบบของคุณมากขึ้น และอื่นๆ อีกมากมาย การค้าหัวขาดสามารถกลายเป็นบรรทัดฐานสำหรับทั้งธุรกิจ B2B และ B2C จากการสำรวจพบว่า 86% ของเจ้าของธุรกิจกล่าวว่าพวกเขากำลังประสบกับต้นทุนการได้มาซึ่งลูกค้าที่สูงขึ้น ดังนั้น ธุรกิจต่างๆ จึงต้องสร้างประสบการณ์ออนไลน์ที่สามารถนำลูกค้าเข้ามาได้ กลยุทธ์ที่ผู้ค้าปลีกจำนวนมากใช้เพื่อบรรลุร้านค้าออนไลน์ที่เน้นเนื้อหาคือการค้าขายแบบไร้หัว
Headless Commerce คืออะไร?
Headless Commerce หมายถึงชั้นการนำเสนอส่วนหน้าแยกออกจากโซลูชันส่วนหลังซึ่งรับผิดชอบคุณลักษณะและฟังก์ชันการทำงานทั้งหมดของแอปพลิเคชันอีคอมเมิร์ซ เนื่องจากการแยกส่วนนี้ ผู้พัฒนาหรือเจ้าของร้านจึงสามารถเปลี่ยนแปลงได้อย่างง่ายดายโดยไม่กระทบต่อประสบการณ์ของลูกค้า ร้านค้า CMS จัดการและส่งมอบเนื้อหาโดยไม่มีเลเยอร์ส่วนหน้า
ส่วนหัวหรือส่วนหน้าส่วนใหญ่เป็นเทมเพลตหรือธีมที่แยกหรือนำออก โดยเหลือเพียงแบ็กเอนด์เท่านั้น สำหรับการนำเสนอเนื้อหา เช่น ผลิตภัณฑ์ โพสต์ในบล็อก บทวิจารณ์ และการให้คะแนน บนหน้าจอหรืออุปกรณ์ ในขณะที่นักพัฒนาส่วนหน้าจะเน้นไปที่การแสดงเนื้อหานั้นโดยใช้เฟรมเวิร์กที่ต้องการ
Headless Commerce ช่วยธุรกิจอีคอมเมิร์ซของคุณได้อย่างไร?
เนื่องจากความคาดหวังของลูกค้าเพิ่มขึ้นอย่างต่อเนื่อง ทุกครั้งที่ลูกค้าได้รับประสบการณ์การช็อปปิ้งที่ดีขึ้น ความคาดหวังที่มีต่อแบรนด์อื่นๆ จะเพิ่มขึ้นค่อนข้างสูง ในที่สุดมันก็บ่งบอกว่าภูมิทัศน์ของอีคอมเมิร์ซกำลังเปลี่ยนไป และเจ้าของอีคอมเมิร์ซต้องรักษาจังหวะที่จะยืนหยัดในตลาด มันช่วยให้คุณมีความคล่องตัวในการเคลื่อนไหวเร็วขึ้น ต่อไปนี้คือวิธีหลักที่การค้าหัวขาดสามารถช่วยธุรกิจอีคอมเมิร์ซของคุณได้:
- ยืดหยุ่นและปรับแต่งได้: ง่ายต่อการจัดการเนื้อหาและส่งไปยังช่องทางใดก็ได้ นักพัฒนาสามารถสร้าง UX ได้ตั้งแต่เริ่มต้นโดยไม่มีข้อจำกัดใดๆ ไม่สามารถทำได้สำหรับแพลตฟอร์มแบบเดิมที่เทมเพลตและโมดูลที่บรรจุไว้ล่วงหน้าเป็นตัวกำหนด UX นักพัฒนายังสามารถปรับใช้โซลูชันต่างๆ เช่น PIM, OMS, ERP, โลจิสติกส์สำหรับการขนส่งได้อย่างง่ายดาย ดัดแปลง ปรับปรุง ขยายผ่านแอพ รวมไปถึงการเพิ่มขั้นตอนการชำระเงินแบบกำหนดเองหรือฟิลด์ใหม่ให้กับบัญชีลูกค้า
- การค้าที่จัดส่งโดย API: ในการค้าแบบไม่มีส่วนหัว เนื่องจากไม่มีเลเยอร์การนำเสนอ คุณจึงตัดสินใจได้ว่าจะทำการค้าที่ไหนโดยใช้ API มีการเปิดเผยข้อมูลไม่ว่าผู้ใช้อุปกรณ์หรือช่องสัญญาณใดก็ตาม มีเครือข่าย omnichannel มากมายตั้งแต่เว็บแอปพลิเคชันไปจนถึง IoT ซึ่งสามารถเปิดใช้งานเพื่อรวมเข้ากับ CMS ได้ ส่วนใหญ่จะใช้ REST API และ GraphQL
- ล้ำสมัยมาก: เนื่องจากไม่มีการพึ่งพาซึ่งกันและกัน เจ้าของร้านจึงสามารถนำไปใช้และพัฒนาโซลูชันใหม่ๆ ได้อย่างรวดเร็ว ไม่จำเป็นต้องกำหนดค่าตรรกะแบ็คเอนด์ใหม่ การค้าแบบโง่เขลายังสนับสนุนเทคโนโลยีที่ใหม่กว่าเพื่อให้นวัตกรรมสามารถขับเคลื่อนได้เสมอ
เทคโนโลยี กปภ. เกี่ยวข้องกับเทคโนโลยี Headless Commerce อย่างไร?
Progressive Web Applications หรือ PWAs เป็นวิธีที่ดีที่สุดในการนำโซลูชัน Headless Commerce ไปใช้ ศักยภาพที่แท้จริงของการค้าขายแบบไร้หัวจะเกิดขึ้นเมื่อการส่งเนื้อหาไปยัง UI ต่างๆ ไม่มีปัญหาใดๆ แต่ กปภ. และ Headless Commerce เกิดขึ้นได้อย่างไร?
การค้าแบบโง่เขลาจะอัปเดตข้อมูลอย่างรวดเร็วและส่งมอบทันที มันมีคุณสมบัติคลาวด์เพื่อเรียกใช้แอพ นอกจากนี้ยังให้เสรีภาพอย่างสมบูรณ์ในการรวมคุณสมบัติต่าง ๆ ในแอป และภาษาเขียนโค้ดไม่ใช่การพัฒนาแอพบาร์ wrt เมื่อ กปภ. ไม่มีหัว คำว่า กปภ. ไม่มีหัว ใน PWA headless การดึงข้อมูลผ่าน API ทำให้ก้าวหน้ายิ่งขึ้น ด้วย PWA ที่ไม่มีส่วนหัว เจ้าของแอปจะได้รับประโยชน์จากการรักษาหลักฐานการสร้างของพวกเขา จะช่วยให้พวกเขารีเฟรชการออกแบบโดยไม่ต้องนำเนื้อหาทั้งหมดกลับมาใช้ใหม่ การประปาส่วนภูมิภาคมาเป็นหนึ่งในโซลูชั่นที่ดีที่สุดในแพลตฟอร์มเว็บและแอพมือถือ และการเพิ่มคุณสมบัติหัวขาดจะเป็นคุณสมบัติอื่นในฝา
- การกำหนดมาตรฐาน: กปภ. หัวขาดพร้อมเทคนิคที่มีแนวโน้มทำให้การพัฒนาเร็วขึ้น ในทางกลับกันจะช่วยให้บรรลุมาตรฐาน
- สถาปัตยกรรมใหม่: คุณสามารถบรรลุส่วนหน้าอย่างรวดเร็วด้วยสถาปัตยกรรมใหม่ของไมโครเซอร์วิสโดยใช้ PWA ที่ไม่มีส่วนหัว
- กองเทคโนโลยีล่าสุด: PWA ใช้ ReactJS ซึ่งให้ความยืดหยุ่นแก่นักพัฒนาในการพัฒนาร้านค้าอีคอมเมิร์ซที่เร็วขึ้นในเวลาน้อยที่สุด
- กลไกหัวขาด: การเชื่อมต่อ API ผ่านวิธีการหัวขาดและการแยกส่วนจะอนุญาตให้แก้ไขส่วนหลังโดยไม่มีผลกระทบต่อส่วนหน้า
กปภ | กปปส.หัวขาด |
---|---|
1. ธีมของ กปภ. จะสืบทอดมาจากธีมของเว็บไซต์ 2. สำหรับการใช้ชุดรูปแบบเว็บไซต์ของคุณจะต้องตอบสนองมือถือได้อย่างสมบูรณ์แบบ 3. เป็นแนวทางแบบ Native แต่ไม่ใกล้เคียงเท่านี้ เราไม่สามารถเขียน Layout/UI/design ของ PWA ได้อย่างอิสระจากเว็บไซต์ 4. แอดมินสามารถกำหนดสีพื้นหลังสแปลชและสีธีมของ Progressive Web Application 5. กปภ. นี้ไม่มีธีมอิสระ เลยไม่มีภาพหมุนเฉพาะ กปภ. | 1. ธีมของ กปภ. ไม่ได้สืบทอดมาจากธีมของเว็บไซต์ มีธีมของตัวเองที่พัฒนาบน ReactJS 2. คุณสามารถใช้สิ่งนี้ได้ทุกกรณีไม่ว่าจะเป็นธีมของเว็บไซต์ 3. แอปนี้อยู่ใกล้กับ Native App มาก เนื่องจากส่วนหน้าสามารถเขียนโค้ดใหม่แยกอิสระเพื่อเปลี่ยนธีมของ PWA 4. ผู้ดูแลระบบสามารถเลือกสีพื้นหลังสแปลช สีของธีม สีข้อความ สีของปุ่ม และตำแหน่งของปุ่มได้ 5. ผู้ดูแลระบบสามารถจัดการและเพิ่มภาพหมุนและภาพหมุนได้ |
อ่านเพิ่มเติม: ทำไมต้องพัฒนา PWA สำหรับร้านอีคอมเมิร์ซวีโอไอพีของคุณ?
อะไรคือประโยชน์ของการค้าขายหัวขาด?
หลังจากที่เข้าใจหลายๆ อย่างของการค้าขายแบบ Headless ตอนนี้ มาเจาะลึกกันว่าเหตุใดโครงสร้างไตรภาคี – ส่วนหน้า, API, แบ็กเอนด์ – จึงมีความเกี่ยวข้องอย่างมากสำหรับธุรกิจของคุณและออกจากขอบเขตของเทคนิคมากเกินไป
1. Omnichannel อย่างแท้จริง
CMS แบบไม่มีหัวช่วยให้คุณขับเคลื่อนเนื้อหาได้ทุกที่ สำหรับอีคอมเมิร์ซ หมายถึงการส่งมอบผลิตภัณฑ์ วิดีโอ บล็อก บทวิจารณ์ ฯลฯ นอกจากนี้ยังช่วยให้คุณสามารถขายผ่านป้ายดิจิทัลหรือแม้แต่ PWA การใช้ API จะทำให้คุณสามารถเชื่อมต่อแพลตฟอร์มอีคอมเมิร์ซของคุณกับช่องทางการขายต่างๆ
2. มีการแข่งขันสูง
การใช้ headless คุณสามารถอัปเดตอย่างรวดเร็วได้โดยไม่กระทบต่อระบบแบ็คเอนด์มากนัก ดังนั้น ทำการเปลี่ยนแปลงในส่วนหน้าของคุณเพื่อให้สอดคล้องกับความต้องการของผู้บริโภค ตัวอย่างเช่น คุณสามารถมอบประสบการณ์การท่องเว็บบนมือถือที่ปรับให้เหมาะสมที่สุดได้อย่างง่ายดาย เนื่องจากจำนวนผู้ใช้มือถือกำลังเพิ่มขึ้น เนื่องจากฟรอนท์เอนด์ของคุณไม่ได้ขึ้นอยู่กับแบ็กเอนด์มากนัก คุณสามารถเพิ่มโปรแกรมรางวัลโดยไม่ต้องปรับแต่งอะไรมากมายในแบ็กเอนด์
3. การตลาดแบบ Agile ที่ทรงพลัง
คุณต้องการออกแบบประสบการณ์ลูกค้าใหม่หรือต้องการโปรโมตช่องของคุณบนแพลตฟอร์มโซเชียลมีเดียใหม่หรือไม่? คุณสามารถทำสิ่งนี้ได้อย่างง่ายดายด้วยการค้าหัวขาด แพลตฟอร์มอีคอมเมิร์ซที่สำคัญ เช่น Magento, Shopify และ BigCommerce ช่วยให้คุณขายและโปรโมตผลิตภัณฑ์บนแพลตฟอร์มโซเชียลมีเดียต่างๆ ดังนั้น คุณสามารถทำแคมเปญได้ภายในไม่กี่สัปดาห์ในการค้าขายแบบหัวขาด
4. อิสระในการทดลอง
คุณสามารถทำการทดลองใหม่ได้ในส่วนติดต่อผู้ใช้ของลูกค้าโดยไม่ต้องกลัวว่าจะเสี่ยงทั้งระบบ ตัวอย่างเช่น หากคุณต้องการทดสอบ A/B เฉพาะส่วน คุณสามารถสร้าง PWA ได้ คุณสามารถสร้างข้อผิดพลาดบางอย่างในกระบวนการได้โดยไม่กระทบต่อการดำเนินการแบ็คเอนด์ คุณสามารถสร้างข้อผิดพลาดบางอย่างในกระบวนการได้โดยไม่กระทบต่อการดำเนินการส่วนหลัง
5. ปรับขนาดได้
นักพัฒนาสามารถขยายขนาดทั้งส่วนหน้าและส่วนหลังทีละรายการ แม้ว่าจะมีการรับส่งข้อมูลจำนวนมากที่ส่วนหน้า แต่ก็ไม่ได้ส่งผลกระทบต่อแบ็กเอนด์เนื่องจากมีการเชื่อมต่อกันอย่างหลวม ๆ ดังนั้นจึงส่งผลให้ต้นทุนการดำเนินงานลดลง และความพร้อมใช้งานที่เสถียร
แพลตฟอร์มการค้าหัวขาดที่ดีที่สุด
1. Adobe Headless Commerce
เกือบหนึ่งปีที่ผ่านมา Adobe Commerce Cloud ได้เปิดตัวบริการ Headless เพื่อตอบสนองความต้องการด้านประสบการณ์ลูกค้าระดับสูงของลูกค้าองค์กร เป็นโครงสร้างพื้นฐานที่แข็งแกร่งและยืดหยุ่นสูงสำหรับการผสานรวมอย่างต่อเนื่องและกระบวนการจัดส่ง และยังช่วยให้ลูกค้าสามารถทำซ้ำโค้ดได้อย่างรวดเร็วและคล่องตัว
2. Bigcommerce Headless Commerce
เมื่อใช้ Bigcommerce คุณสามารถขับเคลื่อนร้านค้าหลายแห่งบนหลายแพลตฟอร์มได้ คุณมีอิสระในการดำเนินการร้านค้าหลายแห่งพร้อมกันในโซลูชันส่วนหน้าต่างๆ ทั้งหมดจากบัญชี BigCommerce บัญชีเดียว
3. Hybris หัวขาดการค้า
Hybris headless commerce ถูกคิดค้นด้วย Angular JS บน SAP Commerce cloud ช่วยลดความยุ่งยากและเพิ่มความเร็วในการพัฒนาโดยใช้หน้าร้าน JS ที่ทันสมัย ขยายได้และหน้าร้านสื่อสารกับแพลตฟอร์มการค้าโดยใช้ REST API สามารถปรับแต่งได้ตามความต้องการทางธุรกิจ
4. Shopify Headless Commerce
Shopify Headless Commerce ดึงดูดลูกค้าผ่านหน้าร้านที่สร้างสรรค์และสร้างสรรค์ เช่น คีออสก์ ป้ายโฆษณา กระจกอัจฉริยะ อุปกรณ์สวมใส่ และเครื่องจำหน่ายสินค้าอัตโนมัติ มันทำการทดสอบกับการตลาดแบบคล่องตัวและการทดสอบ A/B เพื่ออัปเดตแคมเปญของคุณ
5. Magento การค้าหัวขาด
Magento เหมาะสมอย่างยิ่งกับแบ็คเอนด์ของบิลด์แบบไม่มีส่วนหัว ไม่ว่าจะใช้เฟรมเวิร์กแยกหรือ CMS แบบไม่มีส่วนหัว ตัวสร้างเพจของ Magento หรือการแสดงเนื้อหาและการแสดงตัวอย่างเป็นตัวอย่างที่ดีของคุณสมบัติที่อยู่ภายใต้สิ่งนี้
อ่านเพิ่มเติม: การติดตั้ง Magento 2.3 PWA – คู่มือฉบับสมบูรณ์
6. Drupal Headless Commerce
Drupal Commerce ช่วยให้คุณสามารถใช้การค้าแบบโง่เขลาและช่วยในการสร้างรายได้จากช่วงเวลาแห่งอารมณ์ที่เพิ่มขึ้นได้ โดยส่วนใหญ่ แรงบันดาลใจที่มีอยู่ในขณะนี้ จะลดลงเหลือเพียงความตั้งใจชั่วขณะ
7. Salesforce Headless Commerce
วิธีการของ Salesforce Headless Commerce จะเพิ่มมูลค่าตลอดช่วงชีวิตของลูกค้า (CLV) เนื่องจากช่วยให้แบรนด์ต่างๆ สามารถตอบสนองลูกค้าผ่านแพลตฟอร์มของบริษัทและบุคคลที่สามได้
กรอบงานส่วนหน้าสำหรับอีคอมเมิร์ซหัวขาด
กรอบงานส่วนหน้าที่ดีที่สุดสำหรับการพาณิชย์แบบไม่มีหัวคือ:
- Vue.js: Vue.js เป็นหนึ่งในเฟรมเวิร์ก JS ที่เบาและก้าวหน้า
- React.js: React.js เป็นไลบรารี JS ที่ประกาศสำหรับการสร้างอินเทอร์เฟซผู้ใช้ที่น่าทึ่ง
- เชิงมุม: เฟรมเวิร์กโอเพนซอร์สที่ใช้ TypeScript ที่ดีที่สุดสำหรับการพัฒนาเว็บแอปพลิเคชันที่มีการโต้ตอบสูง
- Nuxt.js: เป็นเฟรมเวิร์กระดับสูงแบบโอเพ่นซอร์สที่สร้างขึ้นบน Vue.js
- Inferno.js: Inferno.js เป็นไลบรารี JS ที่รวดเร็วสำหรับการพัฒนาอินเทอร์เฟซผู้ใช้ที่ทันสมัย
- Next.js: เป็นเฟรมเวิร์ก JS แบบโอเพ่นซอร์สที่ใช้ Vue.js framework
- Express.js: มันถูกเรียกว่าเฟรมเวิร์กเซิร์ฟเวอร์มาตรฐานโดยพฤตินัยสำหรับ Node.js
อ่านเพิ่มเติม: จะพัฒนาแอพมือถืออีคอมเมิร์ซได้อย่างไร?
Middleware Orchestration Layers สำหรับการค้าแบบ Headless
ไม่ทางใดก็ทางหนึ่ง ส่วนหน้าจำเป็นต้องรับข้อมูลทั้งหมดจากอินเทอร์เฟซการเขียนโปรแกรมแอปพลิเคชันการค้าที่ไม่มีส่วนหัว แทนที่จะเรียก API การค้าโดยตรงจากส่วนหน้า เราต้องการเพิ่มเลเยอร์การประสานมิดเดิลแวร์ที่ให้บริการต่างๆ เช่น การแคช และช่วยให้เรารวมการตอบสนองจากระบบภายนอกหลายระบบผ่านการเชื่อมต่อแบนด์วิธสูงที่เชื่อถือได้ นอกจากการนำเสนอข้อมูลการค้าแล้ว การใช้งานส่วนใหญ่ของเรายังโต้ตอบกับ CMS อีกด้วย
เราชอบที่จะเขียนเลเยอร์การประสานของเราใน Node.js เนื่องจากเราพบว่าเลเยอร์นี้มีประสิทธิภาพและประสิทธิผลสูง Node.js มีชุมชนการพัฒนาที่เจริญรุ่งเรืองด้วยไลบรารีจำนวนมาก และปรับปรุงเวิร์กโฟลว์การพัฒนาอย่างต่อเนื่อง ความเข้ากันได้กับ Javascript ส่วนหน้าเป็นข้อดีอีกประการหนึ่ง ทำให้สามารถแบ่งปันรหัสระหว่างไคลเอนต์และเซิร์ฟเวอร์ได้ (คล้ายกับสิ่งที่เราทำกับการแสดงผลฝั่งเซิร์ฟเวอร์ isomorphic)
CMS เพื่อการพาณิชย์หัวขาด
CMS ที่ดีที่สุดสำหรับการพาณิชย์แบบไร้หัวคือ:
- Amplience: Amplience เป็นแพลตฟอร์มระดับองค์กรซึ่งส่วนใหญ่ใช้สำหรับหัวขาด
- Acquia: Acquia เป็นแพลตฟอร์ม CMS ที่ใช้ drupal สำหรับผู้ไม่มีหัว
- Butter CMS: ButterCMS เป็น CMS ที่ ใช้ API หรือ "หัวขาด" ซึ่งช่วยให้คุณทำสิ่งเดียวกับ WordPress ในแง่ของการเปิดใช้งานไคลเอ็นต์ของคุณ
- ห้องนักบิน: ห้องนักบินเป็นแพลตฟอร์มเนื้อหาที่ง่ายมากสำหรับการจัดการเนื้อหาที่มีโครงสร้าง เป็น CMS . ที่ขับเคลื่อนด้วยตัวเองและขับเคลื่อนด้วย API
- Contentstack: Contentstack นำทีมธุรกิจและเทคโนโลยีมารวมกันเพื่อมอบประสบการณ์ดิจิทัลแบบ Omnichannel ที่เป็นส่วนตัว
- เต็มไปด้วยเนื้อหา: ไม่ใช่ CMS อย่างแน่นอน แต่ Contentful สามารถทำทุกอย่างที่ CMS ดั้งเดิมสามารถทำได้
- Core dna: Core dna เป็น SaaS CMS และแพลตฟอร์มการค้าแบบไม่มีหัว มันสามารถช่วยให้ทีมของคุณเปิดไซต์อีคอมเมิร์ซอย่างรวดเร็วและใช้การตลาดดิจิทัลได้
- Craft: สำหรับการใช้ Craft เป็น CMS ที่ไม่มีส่วนหัว ควรทำหน้าที่เป็น Content API แทน (หรือเพิ่มเติมจาก) เว็บไซต์ทั่วไป
- DatoCMS: DatoCMS เป็น CMS ที่ไม่มีส่วนหัว สามารถสร้างเนื้อหาออนไลน์จากศูนย์กลางและแจกจ่ายได้อย่างง่ายดายผ่าน API ไปยังเว็บไซต์และประสบการณ์ดิจิทัลอื่น ๆ
- Deity: Deity เป็นแพลตฟอร์มอีคอมเมิร์ซหัวขาด API ตัวแรกที่ใช้ React.js
- Directus: Directus 8 เป็น CMS ที่ไม่มีส่วนหัวเป็นอันดับแรกสำหรับข้อมูล ซึ่งจะรวมฐานข้อมูล SQL ที่กำหนดเองด้วย API แบบไดนามิก และจัดเตรียมแอปผู้ดูแลระบบที่ใช้งานง่ายสำหรับจัดการเนื้อหา
- Gatsby: Gatsby เป็นเครื่องกำเนิดไซต์แบบคงที่ตาม React และ GraphQL CMS แบบไม่มีส่วนหัวมี API แบบอ่านอย่างเดียวซึ่งตัวสร้างไซต์แบบสแตติกของคุณอ่านได้
แพลตฟอร์มตัวสร้างไซต์แบบคงที่สำหรับอีคอมเมิร์ซหัวขาด
- Jekyll: Jekyll ให้เว็บไซต์ส่วนบุคคลหรือองค์กรที่เรียบง่ายและเป็นที่รู้จักในบล็อก มันถูกเขียนในภาษา Ruby โดยผู้ร่วมก่อตั้งของ GitHub Tom Preston-Werner
- Hugo: Hugo เป็นหนึ่งในโปรแกรมสร้างไซต์คงที่แบบโอเพนซอร์สที่ได้รับความนิยมมากที่สุด และมาพร้อมกับความเร็วและความยืดหยุ่นที่น่าทึ่ง
- Gatsby: Gatsby เป็นโปรแกรมสร้างเว็บไซต์ที่ทันสมัยและรวดเร็วสำหรับ React นอกจากนี้ยังสามารถสร้างบล็อก ไซต์อีคอมเมิร์ซ และแอปเต็มรูปแบบ
- สไปค์: สไปค์คือเครื่องมือสร้างไซต์สแตติกขั้นสูงที่ทันสมัยซึ่งสร้างจากเว็บแพ็ค
- Wyam: Wyam เป็นเครื่องมือสร้างและเครื่องมือสร้างเนื้อหาสแตติกแบบโมดูลาร์และกำหนดค่าได้สูง
- VuePress: VuePress สร้าง HTML แบบคงที่ที่แสดงผลล่วงหน้าสำหรับแต่ละหน้า และทำงานเป็น SPA เมื่อโหลดหน้าแล้ว
10 ตัวอย่างที่ดีที่สุดของการค้าขายหัวขาด
1. Nike
Nike เลิกยุ่งกับ PWA เนื่องจากได้เปรียบจากอัตราการแปลงที่มากขึ้น ยักษ์ใหญ่ผู้ผลิตรองเท้าได้เพิ่มอัตราการแปลงจาก 15-30%
2. วีนัส
Venus Fashion กลายเป็นคนหัวขาด และลดเวลาในการโหลดหน้าเว็บบนอุปกรณ์เคลื่อนที่มัธยฐานลงเหลือ 320 มิลลิวินาที เพิ่มความเร็วในการโหลดหน้าจาก 15% เป็น 73%
3. โคอาล่า
Koala แบรนด์ที่นอนที่ได้รับคะแนนสูงสุดในออสเตรเลียแยกเนื้อหาออกจากโค้ดเพื่อให้วิศวกรและนักเขียนไม่ต้องพึ่งพาอาศัยกัน ดังนั้น ตอนนี้พวกเขาจึงสามารถสร้างหน้า ผลิตภัณฑ์ และเนื้อหาใหม่ได้รวดเร็วยิ่งขึ้น
4. เป้าหมาย
Target เป็นผู้เล่นอีคอมเมิร์ซชั้นนำอีกรายในสหรัฐอเมริกา มันใช้หัวขาดเพื่อลดอัตราตีกลับและ ROI ที่สูงขึ้นจาก SEM
5. อเมซอน
ยักษ์ใหญ่ด้านอีคอมเมิร์ซที่ใหญ่ที่สุดของ Amazon ได้ใช้หัวขาดในด้านความเร็วของไซต์ที่น่าดึงดูดซึ่งเป็นสมรภูมิการแข่งขันใหม่สำหรับอีคอมเมิร์ซ
6. Walmart
ตัวอย่างที่ใหญ่ที่สุดอีกตัวอย่างหนึ่งของการค้าขายแบบไร้หัวคือ Walmart ซึ่งเพิ่มความเร็วในการปรับปรุงเว็บไซต์ด้วยโค้ดที่ง่ายกว่า/ลดลง
7. ยูไนเต็ดแอร์ไลน์
ไม่เพียงแค่อีคอมเมิร์ซเท่านั้น แต่เว็บไซต์การบินอย่าง United Airlines ได้นำระบบ Headless มาใช้ใน PWA
8.ลังโคม
Lancome เป็นแบรนด์เครื่องสำอางสุดหรูและอยู่ภายใต้แบรนด์ที่มีมูลค่ามากที่สุดของ Forbes ในปี 2019 และยังได้รับการยอมรับว่าเป็น Headless เพื่อประโยชน์ของ PWA
9. สายล่องเรือคาร์นิวัล
หากคุณเป็นนักเดินทาง คุณต้องเคยได้ยินชื่อนี้มาก่อน Carnival Cruise Line เป็นหนึ่งในบริษัทตัวแทนท่องเที่ยวและพักผ่อนที่ใหญ่ที่สุดในโลก พวกเขารับเลี้ยงเด็กหัวขาดและพบว่ามันดีสำหรับการจัดการการจอง
10. รู้สึกไม่เหมือนใคร
Feel Unique เป็นผู้ค้าปลีกผลิตภัณฑ์ความงามชั้นนำของยุโรป พวกเขาพัฒนา React PWA ด้วยวิธีการหัวขาด
ข้อเสียของการพาณิชย์หัวขาด
ไม่ว่าข้อดีของแพลตฟอร์มจะมีมากเพียงใด ก็มีข้อเสียอยู่บ้างที่ควรสังเกตเช่นกัน เรามารู้จักข้อเสียของการค้าขายแบบ Headless กันดีกว่า
การคิดต้นทุน
ขณะที่คุณกำลังแยกส่วนหน้าออกจากส่วนหลัง ตอนนี้คุณต้องใช้สองสภาพแวดล้อมที่แยกจากกัน นั่นคือ ค่าใช้จ่ายจะเพิ่มเป็นสองเท่า อาจมีค่าใช้จ่ายล่วงหน้าเช่นกันสำหรับการตั้งค่าการค้าหัวขาด
เพิ่มความซับซ้อน
ตอนนี้ คุณจะจัดการกับผู้ขายและเทคโนโลยีหลายรายที่มีชุดจุดบกพร่องและปัญหาด้านความปลอดภัยของตนเอง รวมทั้งมีวิธีการติดตั้ง กำหนดค่า แก้ไขปัญหา และสนับสนุนด้วย งานทั้งหมดเหล่านี้ต้องการงานมากขึ้นและเพิ่มความซับซ้อน
สูญเสียฟังก์ชันการทำงานของอีคอมเมิร์ซพื้นเมือง
ขึ้นอยู่กับแพลตฟอร์มอีคอมเมิร์ซปัจจุบันของคุณ คุณยังสามารถสูญเสียฟีเจอร์เนทีฟฟรอนต์เอนด์หลังจากแยกจากฟรอนต์เอนด์ คุณลักษณะต่างๆ เช่น การสร้างเพจ การดูตัวอย่าง (WYSIWYG) และการขายสินค้าจะไม่สามารถใช้ได้อีกต่อไป