Written by Abdul Wahab
Hybris Practice Lead at Royal CyberSAP Commerce Cloud has been rapidly evolving and greater expectations are set with the new Spartacus Storefront. In a traditional e-commerce system, the front end, where customer directly interacts with your business, is tightly coupled with the back-end that deals with the database, code and integrations. What this means is that any changes required to the storefront need changes in back-end as well. There are many limitations on what can be changed or updated without significant risks or that would affect future updates.
With the emergence of Headless commerce, we now have a more powerful and versatile architecture. Developers can develop a new frontend from scratch or use the existing frontend depending on their needs. With users interacting with content in new ways, traditional CMS might not be enough for many companies.
SAP Commerce Cloud has a dedicated headless storefront catering to both B2C and B2B businesses.
Spartacus is an Angular-based JavaScript storefront for SAP Commerce Cloud. It is an opensource project that anyone can access by downloading the source code freely. It is also published as a set of libraries that can be used to create a branded storefront app - import the published Spartacus libraries into the custom app, change styling, add features and publish the branded storefront!
Spartacus storefront pulls products and content from the back-end as needed. It is a single page application where the first page loads and the rest is driven by code. This has inherently good performance as Spartacus only loads the parts of the page that require updating. The whole page is not reloaded whenever something changes. This also provides a good user experience not just because of the speed, but also because you control everything in the UI.
There are some prerequisites to create a Spartacus storefront. Have an SAP Commerce Cloud Backend running, preferably from 1905, but you can also use 1811. It is configured to accept OCC (Omni-Commerce Connect) REST API calls to communicate with SAP Commerce Cloud environments. Your development environment is to be set up for angular coding.
The endpoints used in OCC adapters can be configured so that the customization of Spartacus can be very lightweight.
The primary step in creating the first Spartacus app is to create an angular app, add the dependencies that Spartacus requires to configure the app to use the Spartacus storefront module, and then add the default styling localization. It is better to use libraries to maintain upgradability.
With Commerce Cloud out-of-the-box accelerator, you get JSP-based templates that are provided as part of the Accelerator storefronts. Then why would you move or start your project with a Spartacus based storefront?
Here are some of the key benefits.
To conclude, Spartacus allows you to quickly create a fast, engaging PWA storefront for SAP Commerce Cloud, resulting in a delightful customer experience that increases conversion and revenue.
With growing customer expectations, content delivery is going to be of utmost importance. By moving to Spartacus, you can make sure that your business is moving in the right direction. Spartacus is the future and, the expectation is that within a few years, we will all stop using JSP-based monolithic accelerators and use Spartacus Headless Storefront. Our dedicated team of SAP Commerce Cloud experts at Royal Cyber can help you with future-proofing your business. For more details, you can email us at [email protected]. Click to know more about our SAP Commerce services.