Lovable, built on purpose
What do you want to do?
On-page practice needs no provider account. Choose a task, read its prerequisite, and start with the supplied cases.
Lovable changed a great deal in 2026: three chat modes (Chat, Plan and Build), a preview toolbar in place of the Visual Edits panel, a built-in backend called Lovable Cloud, payments built in, and a code editor in place of Dev Mode. This dojo was rebuilt against Lovable's own pages in October 2026. For people who build real apps without being developers: how to say what you want, plan before you build, change one thing at a time, protect the data, and check the app yourself before anyone else sees it. Every module is a bench of instruments you operate on an invented makerspace's booking app, then a field exercise in a throwaway project on invented data.
Three belts, one habit: say what you want, then check what you got
White belt is the build loop: the three modes, one change at a time, a prompt that says what done looks like, and the preview toolbar for pointing at what you mean. Brown makes it a real app: pages, logic, a database on the built-in backend, sign-in and roles, payments in test mode, and the tools for when it breaks, each with the test that proves it works. Black takes it public and keeps it running: access rules and security scans, publishing and a custom domain, the code editor and Git sync, skills, and a workspace other people share. Explore in any order; the belt states below say what you have actually done.
- 01What Lovable Is: Vibe Coding and the Three Modeswhite belt
- 02Your First Build Loop: Prompt, Preview, Iteratewhite belt
- 03Prompting Lovable Well: Chat, Plan, Then Buildwhite belt
- 04The Preview Toolbar and Design Controlwhite belt
- 05Pages, Navigation, and App Structurebrown belt
- 06State, Data, and Logic in Plain Englishbrown belt
- 07Going Full-Stack: The Built-In Backend (Lovable Cloud)brown belt
- 08Authentication and User Accountsbrown belt
- 09Payments and API Integrationsbrown belt
- 10Debugging With Build Mode, Version History, and the Code Editorbrown belt
- 11Security and Row-Level Securityblack belt
- 12Deploy, Custom Domains, and Publishingblack belt
- 13The Code Editor, Git Sync, and Hybrid Workflowsblack belt
- 14Skills and Power Workflowsblack belt
- 15Teams, Scaling, and Beyond Appsblack belt
Curriculum Record
Every published source this curriculum cites: 43 distinct references, counted from the curriculum brief and from the prompts themselves. Prompts that quote one carry a source line; the rest are marked unsourced author prompts.
- 01Add payments to your app - Lovable Documentationdocs.lovable.dev
- 02Implement changes in Build mode - Lovable Documentationdocs.lovable.dev
- 03Plan a change in Plan mode - Lovable Documentationdocs.lovable.dev
- 04Work with Lovable in the project chat - Lovable Documentationdocs.lovable.dev
- 05Revert and restore your project with version history - Lovable Documentationdocs.lovable.dev
- 06Edit from the preview - Lovable Documentationdocs.lovable.dev
- 07Test your app in a browser - Lovable Documentationdocs.lovable.dev
- 08Publish your Lovable project - Lovable Documentationdocs.lovable.dev
- 09Sync your Lovable project code with GitHub, GitLab, or Bitbucket - Lovable Documentationdocs.lovable.dev
- 10AI features for your app - Lovable Documentationdocs.lovable.dev
- 11Discuss your app in Chat mode - Lovable Documentationdocs.lovable.dev
- 12View and edit your project's code - Lovable Documentationdocs.lovable.dev
- 13Credits and usage - Lovable Documentationdocs.lovable.dev
- 14Database - Lovable Documentationdocs.lovable.dev
- 15Connect your own Stripe account - Lovable Documentationdocs.lovable.dev
- 16Security overview - Lovable Documentationdocs.lovable.dev
- 17How to build a real product with Lovable - Lovable Documentationdocs.lovable.dev
- 18Secrets - Lovable Documentationdocs.lovable.dev
- 19Project security view - Lovable Documentationdocs.lovable.dev
- 20Define reusable instructions with skills - Lovable Documentationdocs.lovable.dev
- 21Preview and test your app in Lovable - Lovable Documentationdocs.lovable.dev
- 22Define workspace and project knowledge - Lovable Documentationdocs.lovable.dev
- 23Lovable Cloud - Lovable Documentationdocs.lovable.dev
- 24Connect to Supabase - Lovable Documentationdocs.lovable.dev
- 25Remix a project - Lovable Documentationdocs.lovable.dev
- 26Reference for: Remix Your Project Into a Sandboxdocs.lovable.dev
- 27Reference for: Watch Build Mode Work End to Enddocs.lovable.dev
- 28Best AI App Builders in 2026: Top 6 Tools Compared | Lovablelovable.dev
- 29Reference for: Plan the Feature, Then Build It in Stepsdocs.lovable.dev
- 30Reference for: Check What Your Messages Actually Costdocs.lovable.dev
- 31Lovable changelog - Lovable Documentationdocs.lovable.dev
- 32Lovable: the best AI app builder in the world | Lovablelovable.dev
- 33Email authentication for your app - Lovable Documentationdocs.lovable.dev
- 34Reference for: Add Google Sign-In Alongside Emaildocs.lovable.dev
- 35Reference for: Translate an Error Into Plain Englishdocs.lovable.dev
- 36Reference for: Turn On Row-Level Securitydocs.lovable.dev
- 37Control project access - Lovable Documentationdocs.lovable.dev
- 38How Lovable protects your apps automatically | Lovablelovable.dev
- 39Project settings - Lovable Documentationdocs.lovable.dev
- 40Set up a custom domain - Lovable Documentationdocs.lovable.dev
- 41Reference for: Round-Trip an Edit From Your IDEdocs.lovable.dev
- 42Reference for: Remix a Sandbox Before You Experimentdocs.lovable.dev
- 43Manage workspace members from the People tab - Lovable Documentationdocs.lovable.dev
The 5-minute AI briefing with receipts.
The courses teach the tools. The morning email covers what changed: five AI stories, each figure with its source. Free, one email a day.