AEM Site Theme

Overview

AEM Site Theme

Site Theme provide us the flexibility to create proxy of any site and at the same time it helps us to apply style and it also helps us to see the added/updated changes in terms of CSS, JS, resources such as fonts and images at run time. We can use site theme alone without site template.

A Site Theme has the following structure typical of a front-end project.

• src/main.ts: The main entry point of your JS & CSS theme
• src/theme.css: Include all CSS file entries
• src/site: JS & CSS files that apply to the entire site
• src/components: JS & CSS files specific to AEM components such as breadcrumb, accordion, teaser, carousel, text, title, etc.
• src/resources: Static files like icons, logos, and fonts

Q&A

Please use this thread to ask questions relating to this article