Folder structure

The base theme consists of a bunch of files and folders that form its structure. It includes configuration files and sub-folders commonly found in React applications. The following table will guide you with the purpose of each file/folder:

File/Folder	Purpose
`public`	Contains image and other asset files to be served as-is when you build the base theme.
`src`	Source files for the base theme. You will spend most of your time here.
`.env.example`	Sample environment variables file.
`.editorconfig`	Configuration for the code editors. For more information, visit EditorConfig website.
`.eslintignore`	Specifies the files and folders that ESLint should ignore.
`.eslintrc.js`	Specifies the rules for ESLint to check against.
`.gitignore`	Specifies the files and folder that Git should ignore.
`.nvmrc`	Specifies the Node version to use with NVM.
`.prettierrc`	Configuration file for Prettier formatter.
`package.json`	Configures the npm package dependencies that are available to the base theme. For more information, refer to npm’s package.json documentation.
`README.md`	Introductory documentation for the base theme.
`tsconfig.json`	Contains TypeScript configuration for the base theme. Refer TypeScript’s TSConfig documentation for more info.

Next, let’s explore what is inside the src folder of the base theme.

Execution flow About components

Getting Started

Overview

Theme Components

Create Custom Widget

Theme Templates

Experro CLI

Other

Folder structure