The screenshot below depicts the architecture used to power the latest e-commerce site that I have experienced. Its primary asset is to interact with graphql 100% in a similar way to what Magento has started to do since Magento 2 has brought in this technology.
This page will describe how I built a latest e-commerce system that is fully integrated with all the fundamentals of the e-commerce:
- login / registration
- search pagination
- search autocomplete
- cart / checkout / payment with stripe
- backend using a system that is not Magento
The technologies used are: apollo, react, graphql, keystone-6, next, prisma, downshift, cloudinary
Disclaimer: the system is built onto an existing training material that Wesbos created 5 years ago.
The roadmap with this system is to explore how Magento can be plugged-in with a decoupled react based system. I started with Wesbos’s system as a base since I knew this system and since PWA studio is currently not actively maintained.
graphql, react, typescript are my key objectives as fundamentals part of this coming system. The reason to bid on these 3 separate concepts is that I have discovered them to be a game changer in our e-commerce industry.
The next phases are to build more of these systems, scale them, and plug them with more systems cms or e-commerce