This module allows you to edit content served from external sources. In a nutshell you can write your content 100% independently from magnolia while still getting the full wysiwyg editorial experience for your editors.
So if you aim for server side rendering with angular, vue or react or think about using static site generators with netlify then then this module is the solution.
To install this module, add maven dependency to this module:
The module contains the yaml definition of the renderer.
To use the SPA extended renderer, define your page template as following:
Magnolia page properties
In case you wish to use the same page definition for different websites for example different heads in dev stage and production, you can override the
templateScript in the page properties by defining the following field in the page dialog:
Required steps in SPA app:
- Ensure that resources links are full urls e.g. https://mgnl.io/js/index.js
- Ensure correct reading of the path for the page to be fetched from Magnolia. Url inside Magnolia preview would have site node name prefix and .html suffix e.g. /nodeName/page1.html. Example of reading correct pathname:
You can find a useful library here.