Get started with the AEM SPA Editor to create apps that can be authored like a regular site; these are the best resources.
The new WKND Tutorial explains step by step how to build such an app: Getting Started with the AEM SPA Editor - WKND Tutorial
A multi-part tutorial on how to develop for the AEM SPA Editor. Walks through the implementation of a Single Page Application, written using React JS, that can be edited within Adobe Experience Manager. Covers foundation topics like project setup, component mapping, front end development tools, and application routing.
Hello, thanks for the tutorial. It's very good. But I have a problem that it's not working . The AEM version that I'm using is 6.4, I think I should be using 6.4.2, is that correct? If it is, what can I do with 6.4 version, just write components with React?
Yes without the ServicePack, the components won't be able to be edited in AEM. Service Pack 2 is freely available to download and install: https://www.adobeaemcloud.com/content/marketplace/marketplaceProxy.html?packagePath=/content/compani...
In Getting Started with the AEM SPA Editor - Chapter 2 - Header Component, can we have the header authorable in AEM so that the author manager can change the text without code change?
I follow instructions on Getting Started with the AEM SPA Editor - Chapter 1.
When I Navigate to http://localhost:4502/content/wknd-events/react/home.html on step 9,
the page is blank and there's error in browser console SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data.
I got the same error when I download source code from githup for
I'm using AEM 6.4.
Would you please help?
Thank you for responding .
Yes, I have AEM6.4 and Service Pack 2 installed. http://localhost:4502/system/console/status-productinfo shows Adobe Experience Manager (18.104.22.168).
http://localhost:4502/content/wknd-events/react.model.json returns correct json.
I tried to follow the same steps that you have mentioned but am getting an like below
I have installed the service pack also
Adobe Experience Manager (22.214.171.124)
I am working on AEM React Integration project.
I have a requirement where I need to use existing Header and footer component which are the traditional HTL component. All other components would be from react.
However, the content of HTL components is not rendering on the page in the SPA editor project. Any suggestions?