✦ Edition Two — Now with 13 villagers + comic walkthroughs

Your app idea, live on the internet this afternoon.

No coding needed.

The Lovable Handbook is a pocket-sized field guide that takes you from "I have an idea" to a real, published app. With two little friends — LOVE-E who feels what you feel, and CLICK-E who shows you where to click.

No jargon. No setup. Just prompts, pictures, and what to do when it breaks. Free to read, free to download.

Idea
LOVE-E, calm blue, thinking about an idea

"I have an idea… but I don't code."

Type
Chat
Build me a…

CLICK-E: "Type it here."

Live
LOVE-E glowing gold, delighted the app is live

"It's live!" 🎉

Three-panel comic: Idea, Type, Live
Your pocket guide

The one-line explanation

What is Lovable?

You describe the app you want in plain English. Lovable builds it. You see it live on the right. You tell it what to change. That's it.

⌨️

You type

"Make me a bookmark app for my recipes."

It builds

Live preview appears instantly on the right.

🌍

You share

One click to publish to the internet.


Your first win

Build your first app in the next 10 minutes.

Copy this prompt into Lovable. Seriously, try it now.

Your first prompt

Build me a simple personal app to save my favorite links. I want to add a title, a URL, and a tag. Show them as nice cards. Make it feel calm and friendly.

Paste it at lovable.dev, watch it build, then come back. This handbook will show you what to do next.


BUG-E, the detective in residence, holding a magnifying glass
BUG-E· Detective in residence

The #1 beginner worry

"What if I break it?"

You can't break Lovable.

Every change can be undone.

If you see red, copy the error and say "fix this".

That's it.


The cast

Meet the mood-villagers

Thirteen little robots. Each one is a mood, a moment, and a job to do while you build.

LOVE-E mascot

LOVE-E

The heart-headed builder. Their color shifts with mood — calm blue, warm coral, glowing gold.

CLICK-E

The electric-blue arrow. Sharp, focused, always pointing toward the next click.


See it happen

60 unedited seconds. From idea to live app.

No cuts, no title cards, no tricks. Just Lovable, one prompt, and a real URL at the end.

Screen recording · 60 sec · one prompt → shipped
Comic panel 1Comic panel 2Comic panel 3Comic panel 4Comic panel 5Comic panel 6
Episode 1 · Panel 1/6

Prefer pictures? Here's the same story as a 30-second comic flip-through.


The map, not the destination

What's in the field guide

Three phases, ten short chapters, in plain English. Use it as a map when you get stuck — you don't have to read it front to back.


Field Notes · from Part VIII

Real people, real ships.

Quotes pulled from the handbook's Field Notes chapter — indie makers, teachers, designers.

I shipped a real booking page for my yoga studio the same afternoon I opened Lovable. My students booked classes that night.
Priya· yoga teacher, first-time builder
I'm a designer, not a developer. Lovable + this handbook is the closest I've come to just… drawing my product into existence.
Maya· designer-turned-founder
I show my students the comic first. They stop being scared and start prompting. That's the whole trick.
Devon· high-school CS teacher
Agency work used to take two weeks of scaffolding. Now the first playable is Monday morning and we spend the week on taste.
Sam· agency lead

Proof · from Part VII

Before & After

Three real prompts. Same feature. Different prompt. Very different outcome.

Maya · designer-turned-founder

Before

"make a landing page for my ceramics studio"

Before: Generic 3-column marketing template, stock hero, blue CTA.

Generic 3-column marketing template, stock hero, blue CTA.

After

"redesign as an editorial magazine cover with big serif type, cream background, one hand-thrown mug photo, and a single 'shop the drop' CTA"

After: Warm cream layout, huge serif headline, one product, one CTA. Ships in 2 hours.

Warm cream layout, huge serif headline, one product, one CTA. Ships in 2 hours.

Takeaway · Anti-generic move: name the aesthetic (editorial, brutalist, playful), not just 'nicer'.

Sam · weekend tinkerer

Before

"add login"

Before: Half-broken auth flow, no persistence, error on refresh.

Half-broken auth flow, no persistence, error on refresh.

After

"add email + Google login using Lovable Cloud, redirect to /dashboard after sign-in, and gate /dashboard behind an auth guard"

After: Working auth end-to-end with real session persistence.

Working auth end-to-end with real session persistence.

Takeaway · Say the destination and the guard. 'Add login' leaves the agent guessing.

Devon · agency dev

Before

"make the dashboard look better"

Before: Vaguer edits, cards get rearranged, spacing gets worse each turn.

Vaguer edits, cards get rearranged, spacing gets worse each turn.

After

"only restyle the KPI cards: darker card bg, monospace numerals, no shadows. Don't touch the sidebar or the chart"

After: Surgical restyle. Scope guard held. No regressions.

Surgical restyle. Scope guard held. No regressions.

Takeaway · Scope guards ('only …, don't touch …') beat 'better' every time.


The whole thing is free

Read it now. Or start building.

No account. No download needed. One click and you're reading — or building.


Stay in the loop

Get Edition Three + new villagers

One email when Edition Three ships. Plus early looks at new mood-villagers and comic arcs. No spam, ever.


Ready to ship?

You don't need to learn to code. You just need to start.