caseHeadless e-commerce platform.
productMagento headless multilingual webshop.
Unlock the ultimate shopping experience with Vogel's. Our strategic shift to the B2C market, paired with a headless storefront and GraphQL technology, delivers seamless shopping journeys and reinforces brand awareness. Discover the future of shopping with Vogel's.
Vogel’s wanted an upgrade of their current platform and move closer to the Magento core, getting rid of countless 3rd party modules which were no longer maintained. The fact they were abandoned meant they never received upgrades and were no longer compatible with newer Magento version and were written for older versions of PHP.
The challenge of upgrading the e-commerce platform of the amazing brand Vogel’s to the next level by:
- Improve the speed of the website
- Performance improvements of various imports/exports
- Decrease technical debt
- Speed up ability to perform future upgrades
- Use new technologies such as NextJS and GraphQL
- Improve scalability
- Decrease costs
To decouple the front-end from Magento and facilitate easy upgrades we decided to build the new website using NextJS and connecting it to Magento using GraphQL. This separates the presentation layer from the business layer, creating a more flexible and agile web shop. Furthermore a caching layer has been realized between their e-commerce platform and their new front- end, so that most of the data is immediately available to the user.
By separating the presentation layer and the business layer, it was possible to create a solution which solved many of the issues Vogel’s was experiencing with their old platform. At least 60 modules were deleted and replaced by just a few microservices. All the services were moved to Google Kubernetes Engine and costs were cut in half. The website and microservices now autoscale themselves based on load and can scale independently from each other.
- The website is easier maintainable
- The goal of website stayed the same but way more improved
- 17 languages are being supported
- Store locator