From the course: Vibe Coding from Scratch: A Beginner's Guide to Building and Shipping an App with AI

Unlock this course with a free trial

Join today to access over 25,600 courses taught by industry experts.

Design architecture with Lovable

Design architecture with Lovable

We'll use the native lovable cloud as our backend architecture. To do this, let's click on this cloud icon and enable it. Under the hood, lovable cloud is powered by a service called Superbase. You'll see that name pop up in the code and in some of the tools we use. So just know they're the same thing. It's the most beginner friendly choice. But know that this is not your only option once you get a bit more advanced. Lovable Cloud is now enabled. If you leave it to Lovable to design the back-end architecture, it will make trade-offs for you. And very likely, they won't be the trade-offs that you want. Instead, we'll use this architect prompt that instructs Lovable to first analyze our front-end source code, spot issues, and then explain the potential solutions with different trade-offs. We'll copy this prompt. Go to Lovable and enter into a plan mode and paste the prompt right into the chat and hit Enter. Lovable immediately spots a critical gap, our data strategy. It asks, where…

Contents