Lovable AI is a development platform for creating websites and web applications from natural language. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
Explore all lessons in this catalogue and start learning at your own pace.
▶
1. What Is Lovable? ❌
Discover Lovable with AI Academy 1U as an AI-powered development platform that transforms natural-language requirements into working web applications that can be reviewed, refined, tested, and published for real users.
▶
2. What Can You Build with Lovable? ❌
Explore what you can build with Lovable through AI Academy 1U, including landing pages, business websites, dashboards, internal tools, SaaS products, and full-stack web applications for practical business use.
▶
3. Understand AI App Building ❌
Understand AI app building with AI Academy 1U by learning how prompts, AI agents, source code, frontend interfaces, backend services, databases, and deployment work together in a modern application workflow.
▶
4. Create and Set Up Your Lovable Account ❌
Create and prepare your Lovable account with AI Academy 1U by setting up the workspace, project environment, and essential settings needed to begin building applications efficiently.
▶
5. Explore the Lovable Interface ❌
Explore the Lovable interface with AI Academy 1U, including projects, chat, live preview, code, settings, and publishing tools so learners understand where major development activities take place.
🔒
6. Understand the Lovable Development Workflow ❌
Understand the professional Lovable development workflow with AI Academy 1U by following a structured process from idea and requirements through building, review, testing, security, and publishing.
▶
7. Create Your First App from a Prompt ❌
Create your first application from a natural-language prompt with AI Academy 1U by describing a simple product idea and allowing Lovable to generate an initial working version.
▶
8. Write Effective Lovable Prompts ❌
Write effective Lovable prompts with AI Academy 1U by clearly defining goals, users, pages, features, visual direction, constraints, and expected behavior for more accurate app generation.
▶
9. Give Lovable Better Context ❌
Give Lovable better context with AI Academy 1U by combining written requirements, visual references, images, and project information so the AI can understand design and functionality more accurately.
🔒
10. Break Large Apps into Features ❌
Break large applications into manageable features with AI Academy 1U so Lovable can build complex systems in smaller, testable units instead of attempting an entire application at once.
🔒
11. Refine Features Incrementally ❌
Refine application features incrementally with AI Academy 1U by building, checking, correcting, and continuing in controlled steps that improve quality and reduce unintended changes.
🔒
12. Ask Lovable to Explain Changes ❌
Ask Lovable to explain application changes with AI Academy 1U so you can understand exactly what was modified in the interface, application logic, source code, or database.
🔒
13. Build a Professional Prompt Workflow ❌
Build a professional prompting workflow with AI Academy 1U by combining requirements, architecture, feature definition, acceptance criteria, implementation, and verification into a repeatable app development process.
▶
14. Define Application Requirements ❌
Define clear application requirements with AI Academy 1U by translating a business idea into specific functionality, expected behavior, user needs, and technical objectives.
▶
15. Identify Users and User Roles ❌
Identify application users and roles with AI Academy 1U by defining guests, members, customers, staff, administrators, and the responsibilities or access each role requires.
🔒
16. Plan Pages and Navigation ❌
Plan pages and navigation with AI Academy 1U by creating a clear sitemap and user journey before development begins.
🔒
17. Plan Features and Data ❌
Plan features and application data with AI Academy 1U by identifying what each function needs to create, read, update, display, and store.
🔒
18. Plan Frontend and Backend Responsibilities ❌
Plan frontend and backend responsibilities with AI Academy 1U by separating user interface behavior from server-side logic, data processing, authentication, and database operations.
🔒
19. Build an Application Blueprint ❌
Build a complete application blueprint with AI Academy 1U by connecting users, pages, features, data, integrations, security, and deployment into one structured development plan.
▶
20. Generate Your First UI ❌
Generate your first user interface with AI Academy 1U by describing the desired layout, content, and structure through natural-language instructions.
▶
21. Define a Visual Style ❌
Define a visual style with AI Academy 1U by establishing typography, spacing, color direction, visual hierarchy, and overall design consistency.
🔒
22. Build Navigation ❌
Build application navigation with AI Academy 1U using headers, sidebars, menus, and responsive patterns that help users move through the product efficiently.
🔒
23. Build Forms ❌
Build professional forms with AI Academy 1U by designing inputs, validation, submission states, feedback messages, and error handling.
🔒
24. Build Cards and Data Displays ❌
Build cards and data displays with AI Academy 1U to present products, users, reports, records, and other structured information clearly.
🔒
25. Build Responsive Interfaces ❌
Build responsive interfaces with AI Academy 1U that adapt effectively across desktop, tablet, and mobile screen sizes.
🔒
26. Build a Consistent Design System ❌
Build a consistent design system with AI Academy 1U by standardizing typography, colors, spacing, components, and reusable interface patterns.
▶
27. Refine Existing UI with AI ❌
Refine existing user interfaces with AI Academy 1U by instructing Lovable to improve specific components without unnecessarily redesigning the entire page.
▶
28. Use Images as Design References ❌
Use images as design references with AI Academy 1U to give Lovable stronger visual context and guide layout, styling, spacing, and component direction.
🔒
29. Improve Layout Hierarchy ❌
Improve layout hierarchy with AI Academy 1U by organizing headings, sections, spacing, and visual priority so interfaces become easier to scan and understand.
🔒
30. Improve Forms and Interaction States ❌
Improve forms and interaction states with AI Academy 1U by designing clear loading, success, error, disabled, and validation feedback.
🔒
31. Improve Mobile UX ❌
Improve mobile user experience with AI Academy 1U by optimizing navigation, touch targets, spacing, content order, and responsive behavior.
🔒
32. Rebuild a Weak AI-Generated Design ❌
Rebuild a weak AI-generated design with AI Academy 1U by auditing problems, creating targeted correction prompts, applying focused changes, and verifying the final result.
▶
33. What Is Lovable Cloud? ❌
Understand Lovable Cloud with AI Academy 1U as an integrated backend infrastructure that supports data, authentication, server-side functionality, and full-stack application development.
▶
34. Add Backend Capabilities ❌
Add backend capabilities with AI Academy 1U by transforming a frontend project into a data-driven application with persistent storage and server-side functionality.
🔒
35. Understand Application Data ❌
Understand application data with AI Academy 1U by identifying which information must be stored, updated, retrieved, and maintained over time.
🔒
36. Create Data Structures ❌
Create application data structures with AI Academy 1U by defining entities, fields, relationships, and logical data organization.
🔒
37. Connect UI to Backend Data ❌
Connect the user interface to backend data with AI Academy 1U by linking forms, validation, storage, retrieval, and on-screen display.
🔒
38. Build CRUD Features ❌
Build CRUD features with AI Academy 1U so users can create, read, update, and delete application records through a complete interface.
🔒
39. Build a Complete Data-Driven Feature ❌
Build a complete data-driven feature with AI Academy 1U by combining user interface, backend logic, database storage, permissions, and verification.
▶
40. Understand Lovable + Supabase ❌
Understand how Lovable and Supabase work together with AI Academy 1U by exploring database services, authentication, backend capabilities, and application data flows.
▶
41. Connect Supabase to Lovable ❌
Connect Supabase to Lovable with AI Academy 1U and prepare a reliable backend environment for application data and authentication.
🔒
42. Design Database Tables ❌
Design database tables with AI Academy 1U by translating business entities and application requirements into practical schemas.
🔒
43. Build Table Relationships ❌
Build database relationships with AI Academy 1U to connect users, products, orders, and related records accurately.
🔒
44. Connect Forms to Supabase ❌
Connect application forms to Supabase with AI Academy 1U so user input can be validated, stored, and returned as useful results.
🔒
45. Query and Display Data ❌
Query and display Supabase data with AI Academy 1U by retrieving records and presenting them clearly inside application interfaces.
🔒
46. Build a Complete Supabase Application ❌
Build a complete Supabase application with AI Academy 1U by combining authentication, database design, CRUD operations, security, and user interface development.
▶
47. Understand Authentication ❌
Understand authentication with AI Academy 1U and learn the difference between verifying a user’s identity and controlling what that user is authorized to access.
▶
48. Add Sign-Up and Login ❌
Add user sign-up and login with AI Academy 1U to create a basic onboarding and account access experience.
🔒
49. Build User Profiles ❌
Build user profiles with AI Academy 1U so application users can store, view, and update information connected to their accounts.
🔒
50. Protect Private Pages ❌
Protect private application pages with AI Academy 1U so only authenticated or authorized users can access restricted content.
🔒
51. Build Roles and Permissions ❌
Build application roles and permissions with AI Academy 1U for customers, employees, administrators, and other user groups.
🔒
52. Build User-Specific Data ❌
Build user-specific data features with AI Academy 1U for dashboards, orders, documents, settings, and other private records.
🔒
53. Build an Authentication Workflow ❌
Build a complete authentication workflow with AI Academy 1U covering registration, login, profile management, authorization, protected access, and logout.
▶
54. Understand Lovable Integrations ❌
Understand Lovable integrations with AI Academy 1U and learn the primary ways applications can connect to external services, APIs, and connected tools.
▶
55. Understand APIs ❌
Understand APIs with AI Academy 1U by learning endpoints, requests, responses, authentication, and how external data enters an application.
🔒
56. Connect an External API ❌
Connect an external API with AI Academy 1U to bring third-party data and functionality into a Lovable application.
🔒
57. Work with Authenticated APIs ❌
Work with authenticated APIs using AI Academy 1U by managing credentials, tokens, secrets, and secure request patterns.
🔒
58. Understand App Connectors ❌
Understand Lovable App Connectors with AI Academy 1U and learn how deployed applications can gain additional capabilities from connected external services.
🔒
59. Understand Chat Connectors ❌
Understand Lovable Chat Connectors with AI Academy 1U and learn how external context can be incorporated while Lovable builds and modifies applications.
🔒
60. Build a Multi-Service Application ❌
Build a multi-service application with AI Academy 1U by combining database, authentication, APIs, external services, and interface components into one coordinated product.
▶
61. Understand Payments in Lovable ❌
Understand payments in Lovable with AI Academy 1U by learning the relationship between products, prices, customers, checkout, transactions, and subscriptions.
▶
62. Choose Stripe or Paddle ❌
Compare Stripe and Paddle with AI Academy 1U to choose a payment provider that fits the application’s business model and operational needs.
🔒
63. Create Products and Prices ❌
Create products and pricing structures with AI Academy 1U so applications can sell services, plans, or digital products through a payment provider.
🔒
64. Build One-Time Payments ❌
Build one-time payment workflows with AI Academy 1U by connecting products, checkout, successful payment, and application access.
🔒
65. Build Subscription Payments ❌
Build subscription payment workflows with AI Academy 1U using recurring plans, billing, customer accounts, and controlled feature access.
🔒
66. Build a Customer Portal ❌
Build a customer payment portal with AI Academy 1U so users can manage subscriptions, billing, and account payment information.
🔒
67. Test Payments Safely ❌
Test payment workflows safely with AI Academy 1U in a non-production environment before accepting real customer payments.
🔒
68. Take Payments Live ❌
Take payments live with AI Academy 1U by verifying production readiness, activating the payment provider, publishing products, and confirming the complete transaction workflow.
▶
69. Understand Lovable Source Code ❌
Understand Lovable source code with AI Academy 1U and learn how the platform generates real application code rather than only visual mockups.
▶
70. Connect Lovable to GitHub ❌
Connect Lovable to GitHub with AI Academy 1U so application code can be stored, reviewed, versioned, and managed in a repository.
🔒
71. Understand Project Files ❌
Understand Lovable project files with AI Academy 1U by identifying components, pages, configuration files, and other important parts of the generated application.
🔒
72. Edit Code Outside Lovable ❌
Edit Lovable-generated code outside the platform with AI Academy 1U by combining Lovable workflows with a traditional developer IDE.
🔒
73. Sync Changes with GitHub ❌
Synchronize application changes with GitHub using AI Academy 1U so AI-assisted development and source-control workflows remain aligned.
🔒
74. Build a Lovable + GitHub Development Workflow ❌
Build a complete Lovable and GitHub workflow with AI Academy 1U covering AI development, repository sync, developer review, external edits, testing, and continued iteration.
▶
75. Understand Testing in Lovable ❌
Understand testing in Lovable with AI Academy 1U by distinguishing visual inspection from functional verification and reliable application behavior.
▶
76. Use Browser Testing ❌
Use browser testing with AI Academy 1U to verify the real experience users see when interacting with an application.
🔒
77. Test User Workflows ❌
Test complete user workflows with AI Academy 1U by verifying sequences such as login, form submission, application actions, and final results.
🔒
78. Create Frontend Tests ❌
Create frontend tests with AI Academy 1U to protect user interface behavior and reduce regressions after application changes.
🔒
79. Verify Edge Functions ❌
Verify backend edge functions with AI Academy 1U by testing server-side logic independently from the user interface.
🔒
80. Debug Application Errors ❌
Debug application errors with AI Academy 1U through a structured process of reproduction, inspection, diagnosis, correction, and verification.
🔒
81. Prevent Regression Bugs ❌
Prevent regression bugs with AI Academy 1U by checking existing features after new AI-generated changes are introduced.
🔒
82. Build a Complete QA Workflow ❌
Build a complete quality assurance workflow with AI Academy 1U connecting requirements, tests, development, browser testing, backend verification, debugging, and regression checks.
▶
83. Understand Test and Live Environments ❌
Understand test and live environments with AI Academy 1U by learning the difference between development data, testing workflows, and production systems used by real users.
🔒
84. Set Up Test and Live ❌
Set up test and live environments with AI Academy 1U so development and production activity can remain properly separated.
🔒
85. Develop Safely in Test ❌
Develop safely in a test environment with AI Academy 1U so features can be evaluated without affecting production users or real data.
🔒
86. Test Database Schema Changes ❌
Test database schema changes with AI Academy 1U before publishing modifications that could affect live application data.
🔒
87. Test Integrations and Edge Functions ❌
Test integrations and edge functions with AI Academy 1U to verify external workflows and backend behavior before production release.
🔒
88. Promote Changes to Live ❌
Promote application changes to live production with AI Academy 1U through a controlled process of testing, verification, publishing, and post-release checking.
▶
89. Understand Lovable Security ❌
Understand Lovable security with AI Academy 1U by recognizing the risks involved when AI generates full-stack applications that handle users, databases, secrets, and external services.
▶
90. Protect Secrets and API Keys ❌
Protect secrets and API keys with AI Academy 1U by keeping sensitive credentials out of source code, public interfaces, and inappropriate chat context.
🔒
91. Understand Row-Level Security ❌
Understand Row-Level Security with AI Academy 1U and learn how database policies can prevent users from accessing records they are not authorized to view.
🔒
92. Secure Database Access ❌
Secure database access with AI Academy 1U by combining authentication, authorization, role rules, and data access policies.
🔒
93. Run Security Checks ❌
Run security checks with AI Academy 1U to identify vulnerabilities, unsafe configurations, and access problems before publishing an application.
🔒
94. Review Sensitive Data Exposure ❌
Review sensitive data exposure with AI Academy 1U across secrets, user information, internal records, endpoints, and connected services.
🔒
95. Build a Secure Production Workflow ❌
Build a secure production workflow with AI Academy 1U by combining testing, authentication, Row-Level Security, secret management, scanning, review, and controlled publishing.
▶
96. Understand Lovable Publishing ❌
Understand Lovable publishing with AI Academy 1U by learning the difference between application preview and a live version available to real users.
▶
97. Publish Your First App ❌
Publish your first Lovable application with AI Academy 1U and make the project accessible through a live Lovable-hosted URL.
🔒
98. Configure Website Access ❌
Configure website access with AI Academy 1U to control who can view or use a published application.
🔒
99. Update a Published App ❌
Update a published application with AI Academy 1U by continuing development, testing improvements, and releasing new versions safely.
🔒
100. Connect a Custom Domain ❌
Connect a custom business domain with AI Academy 1U so a Lovable application can use a professional branded web address.
🔒
101. Configure DNS and SSL ❌
Configure DNS and SSL with AI Academy 1U by understanding domain verification, DNS records, HTTPS, and secure website delivery.
🔒
102. Build a Professional Deployment Workflow ❌
Build a professional deployment workflow with AI Academy 1U by combining testing, security review, publishing, custom domain configuration, and final verification.
▶
103. Understand SEO in Lovable ❌
Understand SEO in Lovable with AI Academy 1U by learning how titles, descriptions, page structure, content, and technical settings influence search visibility.
🔒
104. Configure Site Metadata ❌
Configure website metadata with AI Academy 1U by setting page titles, descriptions, icons, and social sharing images.
🔒
105. Optimize Page Content for Search ❌
Optimize page content for search with AI Academy 1U by improving structure, relevance, readability, and discoverability for search engines.
🔒
106. Understand GEO and AI Search ❌
Understand Generative Engine Optimization with AI Academy 1U and learn how structured, useful content can support discovery through AI-powered search experiences.
🔒
107. Run an SEO Review ❌
Run an SEO review with AI Academy 1U to inspect website structure, metadata, content quality, and search readiness before and after publishing.
🔒
108. Connect Google Search Console ❌
Connect Google Search Console with AI Academy 1U to monitor indexing, search visibility, and website presence after publication.
▶
109. What Is Lovable MCP Server? ❌
Understand the Lovable MCP Server with AI Academy 1U as a way for external AI agents to use Lovable as an approved development tool.
▶
110. Understand MCP Architecture ❌
Understand MCP architecture with AI Academy 1U by learning how AI clients, MCP servers, authentication, tools, and Lovable projects interact.
🔒
111. Connect an MCP Client to Lovable ❌
Connect an MCP client to Lovable with AI Academy 1U by configuring authentication, permissions, and tool access for external AI agents.
🔒
112. Create and Modify Projects through MCP ❌
Create and modify Lovable projects through MCP with AI Academy 1U by allowing external agents to request controlled application changes.
🔒
113. Inspect Lovable Code through MCP ❌
Inspect Lovable code through MCP with AI Academy 1U so external AI agents can understand project structure and application source code.
🔒
114. Deploy Projects through MCP ❌
Deploy Lovable projects through MCP with AI Academy 1U by allowing authorized agents to request publishing and receive the resulting live application URL.
🔒
115. Secure Lovable MCP Access ❌
Secure Lovable MCP access with AI Academy 1U by carefully controlling authentication, account-level permissions, tool capabilities, and actions that can affect real projects.
▶
116. Build a Business Website ❌
Build a professional business website with AI Academy 1U by combining pages, content, contact features, responsive design, SEO, and publishing into one complete project.
🔒
117. Build an Internal Business Tool ❌
Build an internal business tool with AI Academy 1U by combining authentication, database functionality, forms, dashboards, and role-based permissions for staff operations.
🔒
118. Build a SaaS Application ❌
Build a SaaS application with AI Academy 1U by combining landing pages, authentication, databases, user dashboards, subscriptions, administration, and production deployment.
🔒
119. Build an E-Commerce Application ❌
Build an e-commerce application with AI Academy 1U by connecting products, users, shopping cart, checkout, payments, orders, and administrative workflows.
ChatGPT is an AI assistant for writing, learning, research, problem solving, and creative tasks. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Canva is a design platform for creating graphics, presentations, videos, and social media content. Learn practical design skills with AI Academy and explore creative workflows in our AI Library.
EXPLORE AI LIBRARY
CapCut is a video editing platform for creating and enhancing videos with AI-powered tools, effects, captions, and templates. Learn practical skills with AI Academy and explore workflows in our AI Library.
EXPLORE AI LIBRARY
Google Gemini is Google’s assistant for research, writing, reasoning, images, and productivity. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Learn Google Veo with AI Academy 1U and create cinematic AI videos from text and images using powerful video generation, camera controls, visual storytelling, and creative production techniques.
EXPLORE AI LIBRARY
ElevenLabs AI is a voice platform for text to speech, narration, and voice creation. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Claude AI is an assistant for writing, document analysis, reasoning, and coding. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
VideoGen AI empowers creators to produce engaging videos faster with AI-powered tools. Learn practical workflows, creative techniques, and production strategies with AI Academy 1U to create professional video content efficiently.
EXPLORE AI LIBRARY
HeyGen AI is an avatar video platform for presentations, narration, and multilingual communication. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY
Microsoft Copilot is Microsoft’s assistant for productivity, writing, research, and workplace tasks. Learn practical skills with AI Academy and discover useful workflows in our AI Library.
EXPLORE AI LIBRARY