Explore

Knowledge Archive

Getting Started with Lovable

Beginner's quick start guide to using lovable.

Lovable just released a new version so I thought this would be the perfect time to show you how to start making apps on Lovable.

If you're not familiar with Lovable its is an AI app builder that lets you create full-stack applications and websites without needing to know any code. You just prompt the ai with normal language and it will build any sort of application you want.

There are already hundreds of people ai coding software, apps, websites and tools and making $1K, $10k even $100K per month with them.

And right now the older “legacy” saas businesses like

docusign⁠

typeform⁠

which valued at billions of dollars providing a service to something you can recreate in few days with ai.

Hopefully that got you excited but before you start creating your first lovable app, I want give you some ideas on what’s possible with lovable and also some inspiration on the income potential with saas in general.

Signup for Lovable:

https://lovable.dev/?via=seb⁠

⁠

Inspiration:

Medical Database:

Original Link⁠

Backup Link⁠

⁠

Bill Generator:

Original Link⁠

Backup Link⁠

⁠

Trading Bot:

Original Link⁠

Backup Link⁠

⁠

Crypto Tracker:

Original Link⁠

Backup Link⁠

⁠

Crypto Sports Betting:

Original Link⁠

Backup Link⁠

⁠

Windows XP:

Original Link⁠

Backup Link⁠

⁠

Attendance Tracker:

Original Link⁠

Backup Link⁠

⁠

Paint Clone:

Original Link⁠

Backup Link⁠

⁠

AI Shopping Assistant:

Original Link⁠

Backup Link⁠

⁠

SEO Analyzer:

Original Link⁠

Preview Link⁠

⁠

Meditation App:

Preview Link⁠

⁠

Geo Guesser:

Preview Link⁠

⁠

Apps Making Money:

UpVote app $1M:

https://www.upvoty.com⁠

(income proof:

https://x.com/mikestrives...⁠

)

Email Templates $400K/Month:

https://stripo.email⁠

(Income Proof:

https://www.starterstory.com/stories/stripo⁠

)

AI Excel Formula Generator $26K/Month:

https://app.formulabot.com/⁠

(Income proof:

https://www.starterstory.com/stories/excelformulabot⁠

)

Typeform Clone $9K/Month:

https://youform.com⁠

(Income Proof:

https://x.com/themkmaker...⁠

)

⁠

Step 1: Sign Up and Set Up Your Account

To start using Lovable:

Go to

Lovable.dev⁠

Click the Sign Up button and create an account with your email.

Once signed in, you’ll land on your dashboard—a clean space where you can start building.

Lovable offers a free tier to try it out, but paid plans (starting at $20/month) give you more features and requests. We’ll talk more about pricing later.

⁠

Step 2: Start Building

Here’s where the fun begins—telling Lovable what app you want to build.

In the prompt box, describe your app in simple terms.

Example Prompt:

“Create a suggestion voting app with where people can submit ideas and other users can vote on them with upvotes.”

Hit Submit, and Lovable’s AI will start thinking. It’ll plan your app and generate the initial code.

Tip: Include as much high level structure and the core feature of your app in the first prompt. You can customize the look and feel of your app later on.

⁠

Step 3: Evolve Your App with Prompts

Now, let’s make your app functional. Lovable builds features based on what you tell it.

How It Works:

Type a new prompt to add or tweak features (e.g., “Add a login/signup box when a user tries to make a new suggestion and make the UI look like apple’s glassmorphism”).

Lovable generates the code and updates your app.

If something’s off, refine your prompt or ask it to fix the issue.

Tip: Break big ideas into small prompts. Ask for one feature at a time (e.g., “Add a database,” then “Add login”) for cleaner results.

⁠

Step 4: Connect to GitHub

Lovable doesn’t trap your code inside its platform—it syncs everything to GitHub, giving you full control.

How to Connect GitHub:

In your project, click Edit Code.

Select Transfer Repository.

If you haven’t linked GitHub yet, sign in with your GitHub account (Lovable will guide you through this).

Choose or create a GitHub repository to store your code.

Once connected, Lovable commits your code to GitHub automatically. You can:

Download it to your computer (e.g., using GitHub Desktop or a code editor like Cursor).

Edit it locally and push changes back to GitHub.

Share it with others.

Why This Rocks: You’re not stuck in Lovable’s ecosystem—you own your code and can work on it anywhere.

⁠

Step 5: Integrate with Supabase

To save data (content, user logins etc..) you need a database. Lovable pairs with Supabase, a beginner-friendly database tool, to make this easy.

Steps to Set Up Supabase:

Create a Supabase Project:

Visit

Supabase.io⁠

and sign up (it’s free to start).

Create a new project and grab your API keys (you might need them, though Lovable should handle this automatically).

Connect Supabase to Lovable:

Back in Lovable, type a prompt like, “Connect this app to Supabase to save suggestions and votes.”

Lovable will either link it automatically or ask you to paste your Supabase keys.

Set Up Your Database:

Lovable generates SQL code to create tables.

Click Apply Changes in the chat to set it up in Supabase.

In the example, after connecting Supabase, suggestions started saving. A refresh showed the data was still there—success!

⁠

Step 6: Add User Authentication

You’ll need logins to control what users can use and access in your saas.

How to Add Authentication:

Prompt Lovable: “Add user authentication with email login using Supabase.”

Lovable will:

Create login/signup forms.

Set up database tables for users.

Configure Supabase:

In your Supabase dashboard, go to Authentication > Providers.

Enable Email (disable “Confirm Email” for testing, as in the example).

Tip: If you’re ever lost or getting errors, just ask ai what’s happening and how to fix it.

⁠

Step 8: Deploy Your App

Ready to go live? Deploying with Lovable is fast and easy.

How to Deploy:

Click Publish in the top-right corner.

Choose:

A default URL (e.g., yourapp.lovable.app).

Or connect a custom domain (e.g., AntiVoteVotingClub.com)

Hit Deploy, and your app is online!

In the example, the voting app went live at a lovable.app address, ready for anyone to use. Logins, suggestions, and voting all worked as planned.

Note: Lovable hosts your app, but heavy backend tasks (like web scraping) might need extra setup—something to explore as you grow.

⁠

Tips and Best Practices

Keep Files Manageable: If code gets long, Lovable might suggest refactoring (splitting it into smaller pieces). Do this early—it helps the AI work better.

Clear Prompts: Be specific (e.g., “Add a blue button to save notes” vs. “Make it better”).

Fix Errors Fast: Don’t panic—use Lovable’s tools or tweak the code yourself.

AI Better Prompts: You can ask other ai’s like Claude, grok or chatgpt to generate you a more detailed and specific app prompt that you can then use inside of lovable to generate more specific results.

⁠

Pricing and Limitations

Lovable’s power comes with some trade-offs:

Cost: Plans start at $20/month, but you only get 100 requests (prompts or actions).

Best for Starters: It’s perfect for launching projects fast and learning how ai programming works.

Recommended: Generate the initial MVP in lovable then continue further development in more advanced tools like cursor ai.

⁠

⁠

Conclusion & Making Money

That sums up this introductory guide to Lovable.

You now have all the skills you need to create apps, improve them, fix them as well as connect them to GitHub and Supabase.

You also have a whole list of ideas for the type of apps you can start creating right now that I mentioned at the start of the video.

Now if you want to learn how to actually monetize and make money from creating these sorts of apps, then you have to watch this video that's on your screen right now. Where I go over exactly how average people are making $10k, $20k even $100k per month doing this.

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.