Project scope and challenges

The focus was on replacing the legacy system, including the integration of a new headless e-commerce solution and connection to the customer's merchandise management system.

The project includes the rollout for the German market and, in the future, expansion to over 40 domains. The goal was to create a scalable and flexible DXP that meets the diverse requirements and
global market presence. By using Magnolia DXP, dev5310 was able to develop a customized solution that integrates seamlessly into the surrounding infrastructure.

The DXP is headless, which enables seamless integration with the store backend, in this case Shopware. All product data is managed in Shopware, while content is displayed and managed via Magnolia DXP. The frontend as a Nuxt application alongside the DXP and Shopware as a standalone, scalable service enables the two systems to be linked –
there is no noticeable break for either the editor or the user: the editor benefits from a complete product preview including the display of Shopware data, while end users enjoy a consistent and appealing shopping experience.

This ensures maximum flexibility and scalability, which are particularly important for this demanding project.

Component-driven development

Another feature of this project is component-driven development. Instead of relying on static templates, a flexible component model was implemented.

This enables dynamic and modular design of the DXP, which
can be adapted to new requirements at any time. Default templating was implemented for all page types, which also makes work easier for editors. This approach also promotes efficiency and user-friendliness in the creation and maintenance of website content.

The customer's requirement for the use of master content was implemented as reusable content, so that content modules only need to be created once and can then be referenced on all other pages. Editors are provided with a preview when making their selection, which
shows which component has been selected.

Conclusion

With the new Magnolia-based website, dev5310 has created a powerful and future-proof solution that meets BRITA's high requirements. The seamless integration of Shopware and Magnolia via the Nuxt application ensures excellent performance and user-friendliness.