The 12 modules are the foundation of the very first pillar of the Free Builder 4-Wheel System: the Free Builder Structure, the framework itself.
I introduced them before, but in this lesson we go deeper into the actual system and logic that powers all 12. You can read the full breakdown in Lesson 2 here:
👉 3 Free Builder Components and Relationships
Why Understanding the System Matters
When you truly understand how the framework works, you gain the freedom to:
- Customize existing modules by enriching them with more data and functions.
- Add brand new modules of your own, without breaking the system.
This is what makes Free Builder powerful, it’s not a rigid template, it’s a living framework you can extend however you want.
The Universal Process (How Every Module Works)
All 12 modules follow the same structural pattern. Let’s walk through it using a simple example: adding a new Project.
- User clicks a button on the UI to add a project.
- The UI triggers a hook, which calls the API (we’ve now crossed from frontend → backend).
- The API route references the schema and applies changes to the database.
- The API responds back to the hook with success/failure.
- The hook checks the response (
res.data == success). - The hook then dispatches an action.
- The action triggers a reducer, which updates the store.
- The store updates, and the UI reflects the new state automatically.
If you follow these 8 steps, you’ve just unlocked how every process in the Free Builder SaaS framework works.
The Key Takeaway
- All 12 modules share this exact cycle.
- Once you master it, you can shape the framework into anything you need.
So congratulations, you’re not just learning the kit, you’re learning how to build on top of it.
Here is the YouTube video, if you want to follow along :