If you work with a React/Angular ecosystem, you’ll see a similar folder structure when creating an app via the Smart Builder CLI:
Folder structure example
Let’s break down the different folders and paths:
These files contain the React library, UI utilities, export methods, dependencies, and other important assets required for Smart Builder apps to work.
<aside> 🔔 Avoid making changes to the files in the config folder.
</aside>
Save your work (code & files) within the src folder.
<aside> 💡 You will find pre-created files existing in the src folder once you’ve downloaded the initial package (from the CLI - see ‣ for a refresher). Feel free to modify or delete these files, as they’re simply examples.
</aside>
The index.ts file is how we’ll import your work to the Smart Builder live app.
Think of the index.ts file as a system to centralize your exports, including the app itself.
To learn more about exporting methods, see the following article: Creating and Registering your App.