# Lovable Documentation

> Lovable Documentation — Build full-stack websites with AI using natural language. Explore Lovable features, integrations, tutorials, and best practices.

## Docs

- [AGENTS](https://docs.lovable.dev/AGENTS.md)
- [Lovable changelog](https://docs.lovable.dev/changelog.md): Lovable changelog and product updates. Stay up to date with new features, improvements, and bug fixes shipped in Lovable.
- [Build in Agent mode](https://docs.lovable.dev/features/agent-mode.md): Agent mode lets Lovable implement and verify changes directly in your project, handling execution end to end with minimal supervision.
- [Project analytics](https://docs.lovable.dev/features/analytics.md): Track visitors, pageviews, bounce rate, visit duration, traffic sources, and device usage for your published apps in real time.
- [Audit logs](https://docs.lovable.dev/features/audit-logs.md): Monitor workspace activity with Enterprise audit logs. Filter by action, member, or time range to review events such as membership changes, project actions, authentication events, and workspace settings or configuration changes.
- [Publish apps with branded URLs](https://docs.lovable.dev/features/branded-workspace-urls.md): Create consistent, branded URLs for every app in your workspace.
- [Test your app in a browser](https://docs.lovable.dev/features/browser-testing.md): Learn how Lovable uses browser testing to verify your app by clicking buttons, filling forms, testing flows, and checking behavior across screen sizes.
- [Manage training data and privacy](https://docs.lovable.dev/features/business/data-opt-out.md): Control whether your workspace data is used for AI model training and understand how Lovable handles personally identifiable information.
- [Design templates](https://docs.lovable.dev/features/business/design-templates.md): Reuse Lovable projects as design templates. Templates copy the full codebase, including design, components, and structure, to maintain consistency and accelerate development.
- [Set up SCIM user provisioning](https://docs.lovable.dev/features/business/scim.md): Configure SCIM provisioning to automatically create, update, and remove users in Lovable using your identity provider. Manage user access, roles, and lifecycle centrally with Okta, Microsoft Entra ID, and other SCIM 2.0 providers.
- [Set up single sign-on (SSO)](https://docs.lovable.dev/features/business/sso.md): Connect Okta, Auth0, Microsoft Entra ID, or any OIDC/SAML 2.0 provider to enable secure, centralized authentication for your workspace.
- [View and edit project code](https://docs.lovable.dev/features/code-mode.md): View and manually edit your project’s source code directly in the Lovable code editor.
- [Collaboration](https://docs.lovable.dev/features/collaboration.md): Invite teammates to projects or workspaces, assign roles and permissions, and see changes in real time as you build together.
- [Cross-project referencing](https://docs.lovable.dev/features/cross-project-referencing.md): Reuse implementations across projects in your workspace, including code, assets, files, and chat history. Maintain consistency and avoid rebuilding the same features.
- [Set up a custom domain](https://docs.lovable.dev/features/custom-domain.md): Learn how to buy, connect, verify, troubleshoot, and manage custom domains in Lovable.
- [Send branded emails from your own domain](https://docs.lovable.dev/features/custom-emails.md): Send branded emails, including authentication emails and custom app emails, from your own email domain with automatic DNS, SPF, DKIM, and DMARC setup to improve deliverability, protect your domain reputation, and strengthen brand trust.
- [Visual edits](https://docs.lovable.dev/features/design.md): Use visual edits to modify UI elements, adjust layouts, and update styling without writing code.
- [Design systems](https://docs.lovable.dev/features/design-systems.md): Create reusable design systems in Lovable to standardize React component libraries, styling guidelines, and setup across enterprise projects.
- [Build safely with Test and Live environments (Beta)](https://docs.lovable.dev/features/environments.md): Safely separate test and production environments in Lovable Cloud. Build in Test, publish intentionally to Live, and prevent accidental changes to production data.
- [Generate files and analyze data](https://docs.lovable.dev/features/generate-files.md): Analyze data, generate files, and build from the results directly in the chat.
- [Add Google authentication to Lovable Cloud apps](https://docs.lovable.dev/features/google-auth.md): Add Google authentication to Lovable Cloud apps using managed Google OAuth or your own Google Cloud credentials.
- [Groups](https://docs.lovable.dev/features/groups.md): Organize workspace members into groups for granular control over project access and published app visibility.
- [Define workspace and project knowledge](https://docs.lovable.dev/features/knowledge.md): Define persistent instructions for Lovable using workspace knowledge and project knowledge. Set shared coding standards, architecture rules, and project context that Lovable remembers across conversations and projects.
- [Add payments to your app](https://docs.lovable.dev/features/payments.md): Accept subscriptions and one-time payments in any Lovable app using built-in Paddle or Stripe integration.
- [Brainstorm in Plan mode](https://docs.lovable.dev/features/plan-mode.md): Plan mode helps you think, explore, and decide before any code is written. Use it to ask questions, debug issues, compare approaches, or create a structured plan when you are ready to build.
- [Project comments](https://docs.lovable.dev/features/project-comments.md): Leave comments directly on elements in your project.
- [Control project access](https://docs.lovable.dev/features/project-visibility.md): Control who can view, remix, or collaborate on your projects. Choose whether projects are accessible to all workspace members, or restricted to invited users only.
- [Publish your Lovable project](https://docs.lovable.dev/features/publish.md): Deploy your project to a live URL, control who can access the published app, configure site metadata, and update or unpublish at any time.
- [Security overview](https://docs.lovable.dev/features/security.md): Protect your apps with API key detection, database access controls, and AI-powered security scanning during development and before publishing.
- [Workspace security center](https://docs.lovable.dev/features/security-center.md): A centralized workspace security dashboard for monitoring security findings, scan coverage, secrets, and dependency risks across all projects.
- [Project security view](https://docs.lovable.dev/features/security-view.md): Review security findings, fix vulnerabilities, and manage dependency risks for a single project before publishing.
- [Share a project with internal or external collaborators](https://docs.lovable.dev/features/share-project.md): Manage project access and invite people to collaborate on a project.
- [Test and verify your app](https://docs.lovable.dev/features/testing.md): Lovable provides browser testing, frontend tests, and edge function verification to help understand system behavior, validate user workflows, and ensure backend logic works as expected.
- [Lovable workspace](https://docs.lovable.dev/features/workspace.md): Manage your team's projects, members, billing, and settings in one central place.
- [Workspace admin settings](https://docs.lovable.dev/features/workspace-admin-settings.md): Overview of settings available to workspace owners and admins, including workspace details, access and organization, templates, billing and usage, workspace domains, security and compliance, and development settings.
- [Glossary](https://docs.lovable.dev/glossary.md): Definitions of Lovable features, UI/UX terms, frontend and backend concepts, Supabase terminology, and design patterns.
- [Lovable AI](https://docs.lovable.dev/integrations/ai.md): Add powerful AI features to your Lovable apps with Lovable AI. No API keys or setup required. Enable summaries, chatbots, document Q&A, translation, automation, and more.
- [Run AI-powered penetration tests with Aikido](https://docs.lovable.dev/integrations/aikido.md): Run AI-powered penetration tests on your Lovable projects with Aikido to identify real exploitable vulnerabilities and generate shareable security reports.
- [Connect your app to Asana](https://docs.lovable.dev/integrations/asana.md): Connect your app to Asana with a personal access token (PAT) to create and update tasks, read project and team data, and automate work tracking workflows in your Lovable apps.
- [Connect your app to Ashby](https://docs.lovable.dev/integrations/ashby.md): Connect Ashby to your Lovable app to work with jobs, candidates, applications, and hiring workflows through the Ashby API and Lovable’s connector gateway.
- [Connect your app to AWS S3](https://docs.lovable.dev/integrations/aws-s3.md): Connect your app to AWS S3 to read and write CSV, JSON, Parquet, and other data files in S3 buckets from your Lovable apps.
- [Connect your app to BigQuery](https://docs.lovable.dev/integrations/bigquery.md): Connect Google BigQuery to your Lovable app using Workload Identity Federation. Run SQL, explore datasets and schemas, and build analytics features without storing long-lived GCP keys in your project.
- [Lovable API: Build with URL ](https://docs.lovable.dev/integrations/build-with-url.md): The Lovable API Build with URL feature is now in open Beta, enabling you to build and share Lovable apps using simple, shareable URLs.
- [Lovable Cloud](https://docs.lovable.dev/integrations/cloud.md): Lovable Cloud is a full-stack hosting platform with built-in database, authentication, storage, edge functions, and AI, no infrastructure setup required.
- [Connect your app to Contentful](https://docs.lovable.dev/integrations/contentful.md): Connect your app to Contentful to fetch and display published content from your headless CMS, including entries, assets, and rich text.
- [Connect your app to Databricks](https://docs.lovable.dev/integrations/databricks.md): Connect your app to Databricks to query warehouse data, build live dashboards, and power data-driven tools using your existing tables and views.
- [Lovable desktop app](https://docs.lovable.dev/integrations/desktop-app.md): Use Lovable as a native desktop application. Connect local tools, manage multiple projects in tabs, and move faster with keyboard shortcuts.
- [Connect your app to ElevenLabs](https://docs.lovable.dev/integrations/eleven-labs.md): Connect your app to ElevenLabs, an AI audio platform, to generate high-quality speech and audio content.
- [Connect your app to Firecrawl](https://docs.lovable.dev/integrations/firecrawl.md): Connect your app to Firecrawl, an AI-powered scraper and crawler, to extract structured data from websites.
- [Connect your app to Fireflies](https://docs.lovable.dev/integrations/fireflies.md): Connect your app to Fireflies to access meeting transcripts, summaries, and conversation insights.
- [Connect your app to Gemini Enterprise](https://docs.lovable.dev/integrations/gemini-enterprise.md): Connect your app to Gemini Enterprise to search and summarize connected enterprise data, show grounded answers with citations, and build search or chat experiences on top of your existing Gemini Enterprise engine.
- [Connect your project to GitHub](https://docs.lovable.dev/integrations/github.md): Learn how to connect, sync, and disconnect your Lovable project to GitHub for code backup, collaboration, and deployment.
- [Connect your project to GitLab](https://docs.lovable.dev/integrations/gitlab.md): Connect your Lovable project to GitLab.com or a self-managed GitLab instance for code backup, collaboration, and deployment.
- [Connect your app to Google Workspace](https://docs.lovable.dev/integrations/google-workspace.md): Connect your app to Google Workspace to read and send email, manage calendars, store and create files, and use Google tools like Sheets, Docs, and Slides as part of your app's workflows.
- [Connect your app to HubSpot](https://docs.lovable.dev/integrations/hubspot.md): Connect your app to HubSpot, a CRM platform, to manage contacts, track deals, and automate sales and marketing workflows.
- [Connect your app to Inngest](https://docs.lovable.dev/integrations/inngest.md): Connect your app to Inngest to add background jobs, scheduled tasks, and durable workflows to your Lovable apps using your own Inngest account.
- [Lovable integrations: Connect tools, MCP servers, and APIs](https://docs.lovable.dev/integrations/introduction.md): Connect Lovable to external tools, MCP servers, and APIs. Add app functionality, use real data as context, and securely integrate third-party services.
- [Connect your app to Linear](https://docs.lovable.dev/integrations/linear.md): Connect your app to Linear to create and update issues, read project and team data, and build issue tracking workflows in your Lovable apps.
- [Lovable API](https://docs.lovable.dev/integrations/lovable-api.md): Learn what the Lovable API is, what it enables, and how to get started building apps programmatically with Lovable.
- [Integrate with your tools using chat connectors (MCP servers)](https://docs.lovable.dev/integrations/mcp-servers.md): Connect Lovable to your personal tool accounts using MCP servers as chat connectors. Bring real context from tools like Notion, Linear, Jira, or Miro directly into your builds, moving from idea to validation to live app faster than ever.
- [Connect your app to Microsoft 365](https://docs.lovable.dev/integrations/microsoft.md): Connect Microsoft Outlook, Teams, OneDrive, Word, Excel, PowerPoint, and OneNote to your Lovable app. All use the same Microsoft sign-in and Microsoft Graph pattern—one guide for every Microsoft connector.
- [Connect your app to Perplexity](https://docs.lovable.dev/integrations/perplexity.md): Connect your app to Perplexity, an AI-powered search engine, to retrieve real-time information with verifiable citations.
- [Connect your app to Resend](https://docs.lovable.dev/integrations/resend.md): Connect your app to Resend to send transactional and marketing emails from Lovable apps using your own Resend account.
- [Build an e-commerce store with Shopify](https://docs.lovable.dev/integrations/shopify.md): Learn how to create a new Shopify store or connect an existing one to Lovable, then build and launch your storefront.
- [Connect your app to Slack](https://docs.lovable.dev/integrations/slack.md): Connect your app to Slack to send messages, read channels, automate alerts, generate digests, and integrate workspace workflows using bot or personal access.
- [Connect your app to Snowflake](https://docs.lovable.dev/integrations/snowflake.md): Connect Snowflake to your Lovable app using Snowflake OAuth. Run SQL, use the SQL REST API, and work with warehouses and data from your Snowflake account through Lovable’s connector gateway.
- [Set up payments with Stripe](https://docs.lovable.dev/integrations/stripe.md): Add one-time payments or subscriptions to your app using chat-driven Stripe integration with Supabase Edge Functions.
- [Integrate a backend with Supabase](https://docs.lovable.dev/integrations/supabase.md): Connect Lovable with Supabase for seamless backend setup, database, auth, storage, real-time and serverless functions.
- [Connect your app to Telegram](https://docs.lovable.dev/integrations/telegram.md): Connect your app to Telegram to send messages, receive commands, and interact with users through Telegram bots.
- [Connect your app to Twilio](https://docs.lovable.dev/integrations/twilio.md): Connect your app to Twilio to send SMS and MMS messages, make voice calls, and add phone-based communication flows directly to your Lovable app.
- [Connect your app to Twitch](https://docs.lovable.dev/integrations/twitch.md): Connect your app to Twitch to build custom stream overlays, display live stream data, track channel activity, and create tools for creators and communities directly from your Lovable app.
- [Connect your app to WordPress.com](https://docs.lovable.dev/integrations/wordpress-com.md): Use WordPress.com as a headless CMS with Lovable: fetch posts, pages, and media for your app’s UI, and build workflows that publish or update content through a secure OAuth connection.
- [Dashboard overview](https://docs.lovable.dev/introduction/dashboard-overview.md): Learn how to navigate the Lovable dashboard, start new projects, and access your workspace settings.
- [FAQ](https://docs.lovable.dev/introduction/faq.md): Answers to common questions about building apps, managing projects, account settings, security, and how Lovable works.
- [Quick start](https://docs.lovable.dev/introduction/getting-started.md): Create your first project, navigate the dashboard, add backend capabilities, and publish your app step by step
- [Plans and credits](https://docs.lovable.dev/introduction/plans-and-credits.md): Compare Free, Pro, and Business plans, understand how credits work, and manage your subscription and billing.
- [Organize projects in folders](https://docs.lovable.dev/introduction/project-folders.md): Group related projects into folders to keep your workspace organized.
- [Find and search projects](https://docs.lovable.dev/introduction/project-search-and-find.md): Use the command palette, filters, and sorting to quickly find any project in your workspace.
- [Support policy](https://docs.lovable.dev/introduction/support-policy.md): Get help with billing, platform bugs, and account issues through the support form. Community support is available on Discord.
- [Video tutorials](https://docs.lovable.dev/introduction/video-tutorials.md): Watch step-by-step tutorials for building calorie trackers, CRMs, feedback tools, landing pages, and AI-powered apps with Lovable.
- [Welcome to Lovable](https://docs.lovable.dev/introduction/welcome.md): Lovable is a full-stack AI development platform for building, iterating on, and deploying web applications using natural language, with real code, security, and enterprise governance.
- [Debugging prompts](https://docs.lovable.dev/prompting/prompting-debugging.md): Use Plan mode to investigate errors, run codebase audits, handle fragile updates safely, and resolve persistent issues systematically.
- [Prompting best practices](https://docs.lovable.dev/prompting/prompting-one.md): Plan before you prompt, build by component, use real content, and apply design buzzwords to get consistent, high-quality results.
- [21st.dev integration](https://docs.lovable.dev/tips-tricks/21stdev.md): Copy pre-built hero sections, navigation bars, testimonials, and other UI components from 21st.dev directly into your projects.
- [Best practices](https://docs.lovable.dev/tips-tricks/best-practice.md): Use knowledge files, Plan mode, visual edits, and version control effectively to build faster and avoid common pitfalls.
- [Lovable ChatGPT app](https://docs.lovable.dev/tips-tricks/chatgpt-app.md): Turn your ChatGPT brainstorms into full-stack apps by tagging @Lovable directly in your conversations.
- [Using custom (Google) fonts](https://docs.lovable.dev/tips-tricks/custom-fonts.md): Apply web-safe fonts like Arial or Courier New, or import Google Fonts by name or URL to customize your project's typography.
- [Deployment, hosting, and ownership options with Lovable Cloud](https://docs.lovable.dev/tips-tricks/deployment-hosting-ownership.md): An overview of deployment and hosting options for Lovable Cloud applications, including code ownership, data portability, and paths to self-hosting or external infrastructure.
- [Deploying and hosting outside Lovable Cloud](https://docs.lovable.dev/tips-tricks/external-deployment-hosting.md): An overview of common ways to deploy and host Lovable applications outside Lovable Cloud, with examples using managed platforms and self-hosted infrastructure.
- [From idea to working app](https://docs.lovable.dev/tips-tricks/from-idea-to-app.md): Plan before you prompt, choose frontend-first or back-to-front builds, use Plan mode for debugging, and validate with real users.
- [Vibe coding LinkedIn certification (Beta)](https://docs.lovable.dev/tips-tricks/linkedin-certification.md): Track your Lovable activity with vibe coding levels and showcase your level on your LinkedIn profile.
- [Lovable in Telegram (Beta)](https://docs.lovable.dev/tips-tricks/lovable-telegram-bot.md): Message Lovable directly from Telegram and have it build, edit, and answer questions about your projects.
- [Using npm packages](https://docs.lovable.dev/tips-tricks/npm-packages.md): Add drag-and-drop, charts, animations, and other advanced features by integrating npm packages into your projects.
- [Security best practices for Lovable apps](https://docs.lovable.dev/tips-tricks/security-best-practices.md): Secure coding best practices for Lovable apps, including frontend security, Edge Functions, row-level security (RLS), authentication, and workspace protection.
- [Implement SEO and GEO best practices](https://docs.lovable.dev/tips-tricks/seo-geo.md): Optimize your apps for search engines and AI systems with sitemaps, meta tags, structured data, Open Graph images, and performance tuning.
- [Troubleshooting](https://docs.lovable.dev/tips-tricks/troubleshooting.md): Fix build errors, debug unexpected behavior, resolve preview issues, and recover from common problems step by step.
- [Using images in Lovable](https://docs.lovable.dev/tips-tricks/using-images.md): Upload images to chat, replace them with visual edits, use external URLs, or add files from your GitHub public directory.
- [Using videos](https://docs.lovable.dev/tips-tricks/using-videos.md): Embed YouTube videos or upload video files to your GitHub repository and reference them in your Lovable projects.