Building your application
When you generate an app on Marblism, your entire front-end and back-end is already fully functional and customised to your project data model. We create all the pages and the endpoints you need.
Let's walk you through the main concept and how to get comfortable with your app.
Tech Stack
The tech stack is largely inspired by modern full-stack development practices:
| Typescript | Language |
| Vite | Build tool |
| Remix | React framework |
| Ant Design | Design system |
| Prisma | Database ORM |
| PostgreSQL | Relational database |
| Zenstack | Permissions/Roles/Multi-tenancy made easy |
Project Structure
| Path | Description |
|---|---|
/models | Data model |
/app/routes | Pages of your app |
/app/designSystem | Design system - Ant Design, Tailwind |
/app/core | Core functionalities - authentication, tRPC, helpers etc. |
/app/plugins | Plugins - file upload, AI, emails etc. |
Key concept
Marblism automatically generates secure CRUD (create/read/update/delelete) endpoint from your data model.
Once defined, these models are used throughout your Marblism application. The auto-generated API endpoints will allow you to interact with your data. Read more about it here: Querying the API.