Lovable Features

Lovable combines an AI code generator with a live preview environment, a deployment platform, and Supabase integration in a single product. This page covers the key features beyond the basic generate-and-deploy flow.

Live Preview & Visual Selection

Every edit triggers an instant rebuild and live preview in the right panel. Unlike development environments that require running a local server, Lovable handles this automatically. Click any element in the preview to select it - selected elements are highlighted and can be referenced precisely in the next prompt.

Supabase Integration

Lovable's tightest integration is with Supabase, the open-source Firebase alternative. When you ask Lovable to add database features, it:

• Creates the required Supabase tables with correct schemas
• Sets up Row Level Security policies for data access control
• Generates React hooks that fetch and mutate data via Supabase's client SDK
• Handles Supabase Auth for user registration, login, and session management

GitHub Sync

Connect a GitHub repository to sync your Lovable project bidirectionally:

• Lovable → GitHub: Every Lovable edit can be committed to the repo
• GitHub → Lovable: Push a commit from your IDE, Lovable reflects the change in preview

This makes Lovable practical for projects that eventually need developer involvement - you start in Lovable, then hand off to a developer who continues in a standard IDE.

Custom Domains

Available on Launch plan and above. Add a custom domain in project settings; Lovable provisions an SSL certificate automatically. The domain points to Lovable's hosting infrastructure - no separate hosting setup required.

History & Rollback

Lovable maintains a version history of every significant change. If an edit breaks something, you can roll back to any previous version with one click. This is essential when a prompt produces unexpected results across multiple files.

Knowledge & Project Context

The Knowledge feature lets you add documents, style guidelines, or business rules that Lovable incorporates into every edit - without including them in every prompt. Example uses: your design system tokens, API documentation for a third-party integration, or business rules the app must follow.

Team Collaboration

On the Scale plan, multiple team members can access the same project. Collaboration is turn-based (not real-time simultaneous editing) - one person edits at a time, others can view and review.

Third-Party Integrations

Integrations require providing API keys in environment variables - Lovable generates the integration code; you supply the credentials.