Single-page Apps (SPAs) allow marketers to create compelling experiences that increase visitor retention and engagement. Due to less full page reloads and a better overall performance, SPAs provide faster, more fluid and more engaging end-user experiences.
Craft experiences, instead of just entering content. Marketers can edit the structure, layout and content of an SPA directly in the Magnolia Page Editor, with the ability to choose which components to place, where to place them, and what kind of layout to use.
Marketers can preview the experience built with an SPA just as end users will see it. This way, they are not disconnected from the actual experience they’re supposed to create and can ensure it will engage and delight users as desired.
Developers use the top-notch front-end technologies of their choice (such as React, Angular or Vue), and ship faster as designers and developers share one common set of templates.
Lower your development and ongoing maintenance costs. By making the SPA editable, software development is only needed for the initial setup or for more significant changes, not for every layout change.
Stay on top
Use a SPA as your frontend to reap the benefits of the headless and microservice/SOA approach: flexibility to choose your own tools, better maintainability, less vendor lock-in, and faster turnaround time for experience creation.
Headless for marketers. It’s finally here.
An SPA editor empowers marketers
SPAs have been gaining traction, but with the typical headless CMS, marketers work in forms, disconnected from the actual experience they are creating. The Magnolia Visual SPA Editor lets them reuse content across channels and digital touchpoints, while maintaining autonomy for creating and editing all layout and content, and previewing any experience in-context. It’s here. It’s exciting. It’s finally an approach to headless that also empowers marketers.
How it works in Magnolia
Front-end developers can quickly support SPAs in Magnolia, while continuing to build sites using familiar frameworks and tools the way they are used to. With the SPA Editor in Magnolia they can:
- Visually edit SPAs directly in the Magnolia Page Editor
- Use existing React / Angular components without modification
- Create content editing dialogs for each component
- Manage nested components
- Manage a tree of pages
- Manage interactive components
Magnolia Visual SPA Editor
Check out other capabilities
Omnichannel Content Hub