Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

aem-project-archetype and ReactJS

Avatar

Level 2

Hello everyone, I am using the last archetype from https://github.com/adobe/aem-project-archetype

It´s working properly but I want to create some ReactJS components using TS and scss from scratch, that's my main goal.

How do you install ReactJS under the ui.frontend folder without getting errors?

I am brand new in the AEM world, thanks in advance.

1861620_pastedImage_3.png

1 Accepted Solution

Avatar

Correct answer by
Employee

No problem at all !!

For now, as per the documentation, it should go under /ui.apps:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 0

and the clientlib path is defined in the clientlib.config.js file as follows:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 0

View solution in original post

5 Replies

Avatar

Community Advisor

Hi federicob3753639 ,

As a frontend developer if you want to run react project separately. Please make sure below things:

Regards,

Arpit Varshney

Avatar

Level 2

yes, thank you, maybe in the future the SPA project (react-app) could be integrated into the archetype 20, I hope so.

Avatar

Correct answer by
Employee

No problem at all !!

For now, as per the documentation, it should go under /ui.apps:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 0

and the clientlib path is defined in the clientlib.config.js file as follows:

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 0