Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

Create your first React SPA in AEM | AEM Community Discussion

Avatar

Administrator

BlogImage.jpg

Create your first React SPA in AEM by Adobe Docs

Abstract

Welcome to a multi-part tutorial designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). This tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. The React app will be developed and designed to be deployed with AEM's SPA Editor, which maps React components to AEM components. The completed SPA, deployed to AEM, can be dynamically authored with traditional in-line editing tools of AEM.

The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6.5.4+ and AEM 6.4.8+ . The SPA is implemented using:
1. Maven AEM Project Archetype
2. AEM SPA Editor
3. Core Components
4. React JS
5. Create React App

Read Full Blog

Create your first React SPA in AEM

Q&A

Please use this thread to ask the related questions.



Kautuk Sahni
Topics

Topics help categorize Community content and increase your ability to discover relevant content.

2 Replies

Avatar

Community Advisor

This video also provides step by step implementation of AEM and React Integration

 

https://www.youtube.com/watch?v=FSwBrx7aNWA&t=1688s

Avatar

Administrator

Thank you for sharing extra information by providing Video Link.



Kautuk Sahni