Learn Lovable,
step by step.
In short Lovable is best for building a small website or web app by describing it in plain English, then publishing it. Pick it if you want something live without writing code, and you're ready to check every change before it goes out.
Build a booking page for a repair café in Lovable: a first version from a brief, planned changes, small edits, versions, a sketch, project instructions, a booking form that keeps visitors' details private, publishing and a handover.
Start the free lessonNo myoh.ai account needed · About 15 minutesBefore you begin
A free Lovable account and a web browser. The free plan has 5 build credits a day, so plan to take the lessons over several days.
How you’ll work
Describe it, then check it. lovable.dev in your browser; also iOS and Android apps.
Tool costs & access
Lovable plans are separate from myoh Plus. The free plan has 5 build credits a day, up to 30 a month.
A secure starting point
Decide whether Lovable may train on your content, check who can read the bookings, and remember the preview saves to the real database.
Take the security lessonOne lesson at a time.
Start with the free lesson. Each lesson builds on the one before, and your progress is saved as you go.
10 lessons · 170 min
Use it confidently
02Plan a change before it's built
Ask Plan mode for a new section, remove what Joan never said, and approve only what you've checked.
Make small edits one at a time
Retype wording with Edit text inline, point at an element for design changes, and undo what you don't want.
Go back when a change goes wrong
Bookmark checked versions, revert a change that went too far, and describe a problem clearly.
Follow a sketch and check the phone layout
Attach Joan's sketch, keep text readable on a phone, and test with the Tab key and at 200% zoom.
Configure & extend
06Give the project lasting instructions
Write the café's facts and rules into Instructions, test them in Plan mode, and answer Joan's request for reviews.
Add a booking form that keeps data private
Plan the form with who can read the bookings, remove an admin page, and test a booking in the shared database.
Put it to work
08Check who can read the bookings
Ask Chat mode, read the access rules, run a deep scan, and tell visitors what you keep.
Publish the page and update it safely
Check before publishing, choose who can see it, and practise the monthly date change.
Test it live and hand it over
Test as a visitor, clear test bookings, write a handover note where every sentence is true, and plan your own project.
myoh Plus unlocks the deeper lessons in every available course. Provider subscriptions and usage charges are separate.
Official Lovable references
We check each walkthrough against the tool’s official help pages. Interfaces change, so if something looks different, follow the tool’s own labels.