Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Best way to implement component with HTML and CSS

Avatar

Level 3

Hi Team,

 

Trust you are doing well.

 

I have HTML and CSS for my whole website, now I want to use that HTML and CSS in to my AEM project.

Can you please suggest a best way to use that HTML and CSS so while upgrade the AEM it will not affect the core AEM component.

 

Thanks !! 

 

1 Accepted Solution

Avatar

Correct answer by
Level 9

I always prefer referring to we-retail website for following best practices. You can divide CSS based on components which can be later used to add in proxy components like this.

Please refer we-retail website on your local as it also uses core components.

sachinarora_0-1662013651417.png

 

View solution in original post

2 Replies

Avatar

Correct answer by
Level 9

I always prefer referring to we-retail website for following best practices. You can divide CSS based on components which can be later used to add in proxy components like this.

Please refer we-retail website on your local as it also uses core components.

sachinarora_0-1662013651417.png

 

Avatar

Community Advisor

Hi,

I would recommend to use https://experienceleague.adobe.com/docs/experience-manager-core-components/using/developing/archetyp...

 

You can generate sample project from  https://github.com/adobe/aem-project-archetype 

 

mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \
 -D archetypeGroupId=com.adobe.aem \
 -D archetypeArtifactId=aem-project-archetype \
 -D archetypeVersion=37\
 -D appTitle="My Site" \
 -D appId="mysite" \
 -D groupId="com.mysite"