How to Use Lovable

Getting started with Lovable

With Lovable, you can create production-ready web applications just by typing in natural language. In this guide, you will learn how to set up your account, build your first app, and enhance your results.

Step 1: Sign up and set up

1. Go to lovable.dev.
2. Click on the "Get Started" button on the homepage.
3. Choose the free plan to sign up. Enter your email address and create a password.
4. Verify your email if prompted, and log in to your new account.

Step 2: Your first application

1. Once logged in, click on the "Create New App" button.
2. In the prompt box, type a brief description of the app you want to build. For example, "A simple to-do list application."
3. Click on the "Generate" button.
4. Wait for a moment while Lovable generates your app. You will see a real-time preview on the right side of the screen.
5. If you want to make changes, you can edit the description in the prompt box and click "Generate" again to update the app.

Step 3: Get better results

1. Be specific in your app description. Instead of saying "A blog", try "A blog with categories and a comment section."
2. Explore the "Settings" menu to adjust the app's layout, colour scheme, and features.
3. Use the "Preview" button to see how your app looks on different devices (desktop, tablet, mobile).
4. If your app requires a backend, follow the prompts to connect to Supabase and set up your database.

Pro tip

Use bullet points in your descriptions to clearly outline features or functionality. For example, "A shopping list app with: - Add items - Remove items - Share list" can help the AI generate a more targeted application.

Common mistake to avoid

Avoid vague descriptions like "build an app". The more detailed you are about the features and purpose of your application, the better the results will be.