> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lovable.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick start

> Build and publish your first Lovable app in about ten minutes, from your first prompt to a live URL you can share.

Build your first app and put it live on the web with about ten minutes of hands-on time. There is nothing to install and nothing to configure. You describe what you want, Lovable builds it, and you publish it to a real URL you can share.

In this guide you build a website for **Little Fern**, an imaginary neighborhood cafe: a homepage with an interactive menu, opening hours, and a location section. It is a stand-in for anything you would rather build, so swap in your own idea at any step. When you finish, [How to build a real product with Lovable](/tips-tricks/from-idea-to-app) shows you how to take on the full journey.

<Note>
  Building with Lovable uses [build credits](/introduction/credits-and-usage), and the free plan includes five per day, up to 30 per month. See [subscription plans](/introduction/subscription-plans) for what each plan includes.
</Note>

<Steps>
  <Step title="Create your account">
    Go to [lovable.dev](https://lovable.dev) and [sign up for free](/introduction/create-an-account) with email, Google, GitHub, or Apple. Your account comes with a personal workspace on the free plan, and you land on the dashboard, ready to build.

    You can also skip ahead: type your prompt on the homepage first, and Lovable asks you to sign up when you submit, keeping your prompt through sign-up.
  </Step>

  <Step title="Describe your app">
    The prompt box ("Ask Lovable to create…") is front and center, and it is where every project starts. Describe what you want to build in plain language, **in any language**.

    Try this prompt, or adapt it to your own idea:

    ```text wrap theme={null}
    Build a website for Little Fern, a neighborhood cafe. Include a warm hero section with a headline and a photo, an interactive menu where visitors filter items by category (coffee, breakfast, lunch, pastries), an opening hours section, and a location section with the address and a short "find us" description. Use realistic sample content throughout. Cozy, welcoming design. Works well on mobile. No login or database yet.
    ```

    The last line of the prompt matters. Keeping your first version free of logins and databases means there is less to go wrong, and you can add both later with a single prompt.

    <Accordion title="Use your own idea instead">
      Adapt one of these starters, or write your own prompt from scratch. The steps in this guide stay the same.

      ```text wrap theme={null}
      Build an internal tool for tracking my team's equipment: a searchable table of items with name, owner, status, and return date, plus a form to add new items. Use realistic sample data. No login or database yet.
      ```

      ```text wrap theme={null}
      Build a dashboard for a subscription business showing monthly revenue, active customers, and churn as charts, with a recent signups table. Use realistic sample data. No login or database yet.
      ```

      ```text wrap theme={null}
      Build an online store front for a ceramics studio: a product grid with photos and prices, a product detail page, and an About page. Use realistic sample products. No checkout or database yet.
      ```
    </Accordion>
  </Step>

  <Step title="Watch the first version appear">
    Lovable creates your project and starts building. The first version takes a few minutes, and you can watch it take shape as Lovable works.

    When it is ready, you are in [the editor](/features/projects/editor), which has two halves: the [**chat**](/features/projects/chat) on the left, where you talk to Lovable, and the [**preview**](/features/projects/preview) on the right, where your app runs live. Click around the preview: try the menu filters, scroll the sections.

    Everything you see is a real, working app, and the code behind it is yours. From here on, every change is saved as a [version you can restore](/features/projects/history), so nothing you do next can break it permanently.
  </Step>

  <Step title="Make a change">
    Ask for one change at a time and check the preview after each. For example:

    ```text wrap theme={null}
    Add a "Today's specials" section between the menu and the opening hours, highlighting two menu items with a short description and price.
    ```

    If the app works but does not look or feel like you pictured, say that in plain words too. This is a perfectly good prompt:

    ```text wrap theme={null}
    Make the whole site feel warmer and less corporate.
    ```
  </Step>

  <Step title="Tweak it by pointing">
    For small visual changes, pointing beats describing. Open the [preview toolbar](/features/preview-toolbar), select the exact element, and say what should change. To change text, such as a headline or a button label, use **Edit text inline** and type directly on the page. No prompt needed.
  </Step>

  <Step title="Check that it works">
    Before publishing, spend a few moments testing your app. A quick check now saves a round of confused messages from the first person you send the link to:

    * Click every button and link.
    * Try the interactive parts: filter the menu by every category.
    * Use the device toggle above the [preview](/features/projects/preview) to check **Mobile view**. Most people will open your link on their phone.

    If something is off, tell Lovable exactly what is wrong and where:

    ```text wrap theme={null}
    In the menu, clicking the pastries filter shows no items. It should show the pastry items.
    ```
  </Step>

  <Step title="Publish">
    Click [**Publish**](/features/publish) in the top right of the editor. Review your site's name and icon, then confirm. After a short deploy, your app is live at your own `lovable.app` URL, free on every plan. Send the link to a friend, or [invite them to the project](/features/share-project) to build together.

    And the single most common surprise for new users: **your live site is a snapshot**. Later changes appear in the preview immediately, but the live site only updates when you click **Publish → Update**.
  </Step>
</Steps>

That is the whole loop: describe, refine, publish. Every app you build in Lovable, however ambitious, is this loop repeated.

## Keep going

<Card title="How to build a real product with Lovable" icon="map" href="/tips-tricks/from-idea-to-app">
  Ready for a real product? The full journey: shape an idea, plan, build in loops, add a backend, test, publish, and grow.
</Card>

<CardGroup cols={3}>
  <Card title="Prompting basics" icon="keyboard" href="/prompting/prompting-one">
    Get better results with clearer prompts.
  </Card>

  <Card title="Add a backend" icon="database" href="/features/cloud">
    Store data and sign in users.
  </Card>

  <Card title="Custom domain" icon="globe" href="/features/custom-domain">
    Put your app on your own domain.
  </Card>
</CardGroup>