Overview
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:
Next, let’s explore what is inside the
| 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. |
src folder of the base theme.