Since you will be spending most of your time in the src folder during development, it is important to understand the files and folders it contains by default. In the upcoming sections of the documentation, you’ll find more information about these files and folders. For now, here is the table that will guide you with each file’s purpose:
FolderPurpose
assetsContains the icons, images, fonts, and SCSS files that compile at the runtime and are used within code.
componentsContains predefined React components specifically crafted for you. This includes but is not limited to a carousel, accordion, product details, and many more.
index.scssGlobal styles.
index.tsxEntry point.
interfacesApplication-wide interface and types.
routesContains additional routes which are not created from the Admin Panel.
templatesCollection of templates or layouts used by all pages in base theme. Refer Templates documentation for more info.
utilsContains useful utilities files and functions.
Now that you are familiar with the files in the src folder, let’s understand how they all work together in terms of execution flow.