LovableAI combines both very efficient code generation, and node based application hosting.
I’ve been building 3D configurators for years now for my local company, using three js and various javasacript frameworks, starting with Jquery in the the 2010s, then moving to more advanced reactive framework like Vue / Nuxt or React, in this case.
for this 3D shed configurator, I chose to publish on github and host on vercel, which means I can edit the project back and forth from my own desktop editor, and send it back to github and lovable for further AI assistance. Even though lovable was designed to work fullt in its own environment, it is nice to have the possibility to edit within your own code editor, kind of developer comfort zone.
Convet physical rules into interface
One big thing about AI generation is that apart from building complex algorithm, it provides clues about the current trending tech stack, in the case of web3D rendering, react three fiber for instance. In this case, the interface choices are displayed at the bottom of the screen while 3D rendering fills the 100% of the browser space.