Capabilities
Full-Stack Apps
Frontend + backend in one
Database
Built-in database support
Authentication
Configure sign-in and access rules
Deployment
Publish after review and testing
Real-Time Preview
Review changes in the browser
API Integration
Connect external APIs
Custom Domains
Use your own domain
Code Export
Sync code to your repository
Best For
MVPs & Prototypes
Validate ideas quickly before investing in full development.
Landing Pages
Marketing sites, launch pages, and signup flows.
Internal Tools
Admin dashboards, CRMs, and team utilities.
Side Projects
Build personal projects without the setup overhead.
Workflows
App from Scratch
Describe the user, the main task, and the expected result. Build a first version you can test.
- 1Describe your app: 'A task management app with projects, tasks, and due dates'
- 2Review the generated app structure
- 3Iterate on features: 'Add drag and drop for task reordering'
- 4Test in the live preview
- 5Review and test before publishing or syncing the code
Rapid Prototyping
Build a small prototype and use it to test a specific product assumption.
- 1Start with core functionality only
- 2Share a preview with the people reviewing the idea
- 3Gather feedback in real-time
- 4Iterate based on feedback
- 5Decide whether to build production version
Landing Page Generation
Create marketing pages with sections, forms, and integrations.
- 1Describe the page: 'A SaaS landing page with hero, features, pricing, and signup form'
- 2Customize branding: 'Use blue as primary color, add our logo'
- 3Add functionality: 'Connect the form to send emails'
- 4Deploy to a custom domain
Internal Tools
Build dashboards, admin panels, and internal tools without writing code.
- 1Describe the tool: 'An admin dashboard to view and manage users'
- 2Connect to your data source
- 3Add the needed create, read, update, and delete actions
- 4Set up authentication
- 5Test permissions before releasing it to your team
Iterative Feature Building
Add features one at a time, testing each before moving on.
- 1Start with MVP features
- 2Test thoroughly in preview
- 3Add next feature: 'Now add user authentication'
- 4Continue building incrementally
Tips
Start with Core Features
Don't try to build everything at once. Start with the essential features and add more iteratively.
Use the Live Preview
Test your app in the live preview constantly. Catch issues early before they compound.
Be Specific About UI
Instead of 'make it look good', describe exactly what you want: 'A clean dashboard with a sidebar, header, and card-based layout'.
Describe User Flows
Tell Lovable about user journeys: 'When a user clicks signup, show a modal with email and password fields'.
Use clear design references
Describe the navigation, spacing, and interactions you need. Use your own designs or approved references.
Ask for Responsive Design
Explicitly request mobile support: 'Make sure this works well on mobile with a hamburger menu'.
Connect Real Data Early
Use representative test data early. Check authentication and access rules before connecting private or production data.
Export and Customize
Sync the project to version control so your team can review changes, run checks, and manage releases.
For current features and controls, see the official documentation.