Lovable dev: official site, Cloud, and website guide

Open Lovable.dev and learn how its AI app builder, website publishing, Lovable Cloud backend, GitHub sync, security checks, and code…

A hand-drawn Lovable project path from a brief through generated code, Cloud, testing, GitHub, and publishing.

Move from a product brief to a reviewed Lovable deployment

Define the brief, build the application, configure Cloud, test it, sync the code, and publish a reviewed snapshot.

  1. Brief
  2. Build
  3. Cloud
  4. Test
  5. Sync
  6. Publish

Better Design

On this page

Direct answer

Lovable.dev is the official site for Lovable, a full-stack AI development platform. You describe a web app in natural language, then review and refine generated frontend, backend, database, authentication, and integration code. Lovable can host the result, supply a built-in Cloud backend, and sync project code with GitHub. It speeds up implementation, but you still own requirements, testing, security decisions, accessibility, and release approval.

Summary

Use Lovable to turn a bounded product brief into an editable web app. Add Cloud only after defining data and access rules. Test the result, sync important work to GitHub, resolve critical security findings, and publish deliberately.

What is Lovable dev?

Lovable is not only a page generator. Its current documentation calls it a full-stack AI development platform for building, iterating, and deploying web applications with natural language. Each project produces editable code and can include a frontend, backend, database, authentication, storage, functions, and integrations. Shared workspaces let people contribute under one plan and credit pool.

Lovable platform overview

What can you build with Lovable?

  • Marketing websites and landing pages with working forms, responsive layouts, and deployable code.
  • SaaS products, dashboards, admin panels, customer portals, and multi-user business applications.
  • Internal workflow tools with authentication, structured data, file storage, and scheduled jobs.
  • Booking tools, storefronts, marketplaces, community products, learning tools, quizzes, and simple browser games.
  • High-fidelity prototypes that product, design, and engineering teams can inspect as real software.

A Lovable website is a good fit when the goal is testable, the data model is understandable, and someone can review the result. Startups can validate a workflow, marketers can ship a campaign tool, and developers can accelerate setup. Keep human engineering involved for novel infrastructure, high-risk data, difficult migrations, regulated workflows, or systems with demanding reliability targets.

Build a Lovable website step by step

  1. Write one user, one problem, one successful task, and the information that task needs.
  2. Ask for the page structure, real content hierarchy, and essential states before adding decorative details.
  3. Open the first result on narrow and wide screens. Correct the structure before requesting more features.
  4. Define data entities, ownership, roles, and access rules before enabling authentication or persistent storage.
  5. Add one backend capability at a time, then test success, empty, loading, validation, permission, and failure states.
  6. Connect GitHub when the code matters beyond the experiment. Review changes and preserve a recoverable history.
  7. Run functional, accessibility, security, performance, and content checks with representative data and accounts.
  8. Publish a reviewed snapshot, verify the live URL and metadata, then monitor the real workflow.

Learn a disciplined vibe coding workflow

Give Lovable a verifiable brief

A useful request names the user, job, content, states, constraints, and completion test. For example: build a private client intake portal for a small design studio. Clients submit a brief and attachments. Staff can change status and ask questions. Clients can view only their own work. Include empty, loading, validation, permission-denied, and upload-failure states. This gives the agent decisions it can implement and reviewers facts they can test.

How Lovable Cloud works

Lovable Cloud is the built-in hosted backend. It uses Supabase's open-source foundation and provides database, authentication, storage, realtime behavior, edge functions, jobs, secrets, logs, email, and AI features. This is different from connecting an external Supabase project yourself. Cloud can activate automatically when a requested feature needs a backend, depending on workspace permissions.

Permissions
choose among the documented approval modes before the agent changes Cloud resources.
Regions
new projects can use Americas, Europe, or Asia Pacific, with more specific Enterprise options by request.
Irreversible choice
the selected Cloud region cannot be changed after Cloud is enabled for that project.
Security
automated checks can find common issues, but Lovable says they are not a full audit.
Usage
building, hosting, Cloud, and deployed AI features draw from the documented credit system and grants.

Current Lovable Cloud documentation

Publish and control access

Publishing deploys the current project snapshot to a hosted HTTPS URL. Later edits do not go live automatically; you must publish changes again. Free and Pro sites are externally accessible to anyone with the link. Business and Enterprise workspaces can restrict a published app to a workspace, groups, named people, or invited external viewers. Custom domains are available on paid plans.

  1. Check the proposed URL, audience, page title, description, icon, and social sharing image.
  2. Wait for the basic security scan and resolve critical findings before external publication.
  3. Test authorization with at least two roles rather than assuming a hidden button protects data.
  4. Publish, open the live URL in a signed-out browser, and repeat the highest-risk user tasks.
  5. Republish after approved changes and verify that the expected snapshot is now live.

Lovable publishing and access controls

Own and review the generated code

Lovable can create a private GitHub repository and maintain two-way sync. Changes from Lovable go to GitHub, while changes pushed to the active branch return to Lovable. A project links to one repository and Lovable edits one branch at a time. Current limitations include no import of an existing repository and no reconnection to the same repository after disconnecting.

  • Use pull requests for meaningful changes instead of treating every generated result as approved code.
  • Run tests, type checks, dependency review, secret scanning, and accessibility checks outside the chat loop.
  • Keep migrations and access policies reviewable, reversible where practical, and tested against existing data.
  • Document which service owns hosting, data, authentication, domains, email, analytics, and incident response.
  • Confirm export and recovery before the application becomes important to customers or operations.

Lovable GitHub sync documentation

Review before calling the app production-ready

Product
the workflow solves a named user problem and handles realistic exceptions.
Content
labels, instructions, errors, and confirmations use the user's language and answer the next question.
Accessibility
keyboard access, focus, headings, labels, contrast, zoom, motion, and screen-reader output are checked.
Security
authorization is enforced on the server or data layer, secrets stay out of prompts and client code, and scans are reviewed.
Operations
logs, backups, alerts, ownership, support, data retention, and rollback have explicit answers.
Performance
key pages are measured with representative data, devices, networks, and third-party integrations.

Compare Lovable with other vibe coding tools

Frequently asked questions