Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
AEM SPA Editor Error Page Example | AEM Community Blog Seeding
AEM SPA Editor Error Page Example by Niek Raaijmakers
Abstract
This is a showcase project to demonstrate ACS AEM commons error pages together with the SPA editor. In the past this required a lot of hacking, but thanks to recent updates this has become a lot easier and cleaner.
With this approach you can have 404 and 500 pages load in your SPA editor with a proper status. You can then navigate to the homepage or anywhere else on the menubar with React Routing.
In this case we are using React.
Common setup
First, make sure to follow the tutorial in the ACS AEM commons page to install the module. You will still need to put in the JSP files edit the dialog of the root page and obviously create the pages. Also, you will need SPA Page model manager 1.4.0 or higher!
404 Pages
For 404 pages to work, all you need to do is put this in your page template's customheaderlibs.html
And then use that in our front-end initialization:
const errorPageRoot = PathUtils.getMetaPropertyValue('cq:errorpages') + '/';
ModelManager.initialize({errorPageRoot}).then(pageModel => {
//...
});
And that is all to make the 404 pages work.
Read Full Blog
AEM SPA Editor Error Page Example
Q&A
Please use this thread to ask the related questions.
Kautuk Sahni
Hi @kautuk_sahni,
The 404 page is not rendering when we use a wrong path URL with selectors.
Is there any other approaches to handle this issue??
@Leela-Pavan-Kumar Request you to please create a new Question inside the community. And do share full details regarding the issue. How have you implemented 404 in AEM?
Kautuk Sahni
Related Conversations
