Headless E-commerce using ERPNext and JAMStack
summary
Motivated by 34 checkouts initiated and only 11 successful payments (roughly two thirds lost), this team builds a headless store that serves static pages from Gridsome, queries ERPNext via frappe-graphql (liamtec) to avoid overfetching, and manages UI flows with XState state machines while Netlify handles hosting, serverless functions and secrets; checkout posts orders to ERPNext and creates sales orders, invoices and payment entries, Razorpay handles payment capture, and Netlify deploy hooks rebuild the site when ERPNext documents change.
AI-written summary · about
chapters (15)
- 0:00Introduction and background
- 1:03Problems with monolithic e-commerce
- 2:10Headless e-commerce solution overview
- 3:56Benefits of static web pages
- 4:47Demo of the static website
- 6:06ERPNext integration and checkout flow
- 6:26Technologies used in development
- 8:13Setting up GraphQL with Frappe
- 9:40XState state management
- 10:44XState integration in the app
- 11:27Authentication with ERPNext
- 11:48Netlify functions and serverless setup
- 12:51Netlify deployment and features
- 13:34Split testing and deploy hooks
- 14:19Conclusion and advantages
related talks
21mBuilding an Integrated e Commerce Platform with ERPNext
21mHeadless eCommerce: Shopify + NextJs = ❤️
41mHeadless E-Commerce: The advantages of using Headless CMS with your e-commerce site
31mThe state of modern e-commerce
01h 02mA sneak peek into the future headless eCommerce
16m5 Lessons I Learned About Headless Commerce So You Didn’t Have To
31mA sneak peak into the future headless eCommerce
35mOpen Source eCommerce with Nuxt and Vue Storefront