Best way to implement component with HTML and CSS

[bhagchand]

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 !! 

[Sachin_Arora_ · Accepted solution]

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.

[arunpatidar]

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"