Directory Structure
A high-level overview of how files are organized in Scandi
When creating an app for the first time, the folder structure of the application will look as follows:
π my-appβββ π README.mdβββ π composer.jsonβββ π i18nβββ π magento| βββ π etc| | βββ π view.xml| βββ π registration.php| βββ π theme.xmlβββ π node_modulesβββ π package.jsonβββ π publicβββ π srcβββ π yarn.lock
There publicand src folders are empty. Do not panic! You will use them to create overrides. The application should compile with them being empty!
ScandiPWA theme (aka. your parent theme) has the same root folder structure, but much more files in the src folder. They are structured as follows:
π srcβββ π component # a place for all componentsβββ π query # a place for GraphQL queriesβββ π route # a place for all root pagesβββ π store # a Redux store declarationsβββ π type # a PropType declarationsβββ π util # all utility functionsβββ π index.js # application entrypointβββ π service-worker.js # service worker entrypoint
More information about the structure and contents of these folders:
CMA structure is similar to the default Magento folder structure, but with a package.json file in the root directory. For more details, refer to the official CMA guide.