faq.mdx

title	description	icon
FAQ	Frequently asked questions about Lovable	circle-question

Getting Started

Yes, you can start from templates. You can browse them [here](https://lovable.dev/templates).

<iframe width="100%" height="315" src="https://www.youtube.com/embed/xAkQitFGn-0?si=kIJSP_DKZEyE74bq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

No, this isn't something we support at the moment. * Use **Supabase authentication** to create user roles (Admin, User, Guest).

* Implement **Row-Level Security (RLS)** for data access control.

* Use **Edge Functions** for API-level permissions.

* Test your setup to prevent security leaks.

Improving prompts may count toward your **usage limit**, but Lovable optimizes responses to minimize unnecessary interactions. No, you don’t need to be a technical developer to code with AI. AI coding tools like Lovable allow you to build applications by following a structured workflow: plan, prompt, scaffold, debug, and deploy. You can start by brainstorming your project idea, generate project documentation, and then use AI to scaffold and debug step by step. By breaking the process down and providing clear instructions to AI, you can effectively build and deploy an app without prior coding experience. We always encourage users to **learn by doing**—the best way to get up to speed with Lovable is to experiment, troubleshoot errors as they arise, and explore the generated code as you build.

To make the learning process even more effective, **observe how Lovable writes code.** Our brains naturally recognize patterns, so by watching Lovable in action and engaging with its explanations, you’ll quickly start identifying common coding structures and concepts. This combination of **hands-on practice and pattern recognition** will accelerate your learning.



To support your journey, we recommend these community-led courses:

* [Coding with AI](https://www.loom.com/share/4820c0119b314b26af7faa515666be24?sid=4eac28fc-de30-4500-91d0-535c0b508907) by 50in50Challenge (free)

* [Build & Launch with Lovable](https://aclasswithharry.com/) by [Harry](https://x.com/Harry_Aldian/status/1892636006056128703) ($20)

* [Weekend Developer Live Sesh](https://ssdavidai.gumroad.com/l/weekendlivesesh) by [David Szabo-Stuban](https://ssdavidai.gumroad.com/) ($97)

These courses provide hands-on learning experiences to help you master Lovable more effectively. 🚀

The complexity of what you're building plays a significant role in the approach you take. There’s no one-size-fits-all rule, but patience and thoughtful prompting are key. Plan ahead, break down feature development into smaller, manageable pieces, and continuously assess and learn from any errors that arise. This will help ensure a smoother and more rewarding building experience.

We're thrilled that you're considering building with Lovable! Embrace this journey as an opportunity to learn, experiment, and grow.

Lovable makes site building **fast, intuitive, and AI-powered**—perfect for the **AI solopreneur era**! Build your website with **Lovable** in five simple steps:

* **Structure the Site** – Use Lovable’s editor to define sections like **hero, YouTube, insights, and core values**.

* **Design It** – Customize fonts, colors, and layout for a **bold yet clean look**. Fix UI elements as needed.

* **Add Content** – Upload infographics, embed videos, and place key visuals.

* **Refine Copy & Social Proof** – Craft impactful text and highlight key phrases for emphasis.

* **Fine-Tune & Launch** – Ensure **mobile responsiveness, smooth interactions, and a great UX**.

You can read through this [comprehensive article](https://www.productmarketfit.tech/p/i-built-my-dream-website-using-lovable) for reference.

No, **you don’t need a CTO** to build an MVP. But whether you should have one depends on your technical skills, product complexity, and long-term vision.\*\*\*\* [**More information here.**](https://lovable.dev/blog/do-you-need-a-cto-as-startup)

Code and Development

Yes, you can easily get access to the code generated by Lovable via our [GitHub integration](/integrations/git-integration). Absolutely! Lovable can generate code that connects to any backend. While connecting to most backends may require some technical knowledge, we’ve made it easy to use [Supabase](https://supabase.com/) and its [native integration with Lovable](integrations/supabase). No, Lovable can only generate applications based on Vite and React at the moment. Previously, when adding functionality, the AI sometimes created duplicate files, causing confusion and errors where changes were applied to a hidden duplicate instead of the visible file.

This update ensures the system now detects and excludes duplicate files, significantly reducing "could not be applied" errors. 

As a result, users—especially those building larger applications—will experience more reliable AI behavior, with changes correctly applied and fewer inconsistencies. This fix is automatically applied to all projects, requiring no action from users, and is part of our ongoing effort to enhance AI accuracy and scalability.

A **webhook** is a way for two applications to communicate automatically. It acts as a “listener” that waits for specific events and triggers an action in response.

For example, in Lovable:

1. A user submits a form.

2. The form data is sent to a webhook URL (like an API endpoint).

3. The webhook processes the data and triggers another action, such as storing the information in a database or sending an email notification.

**Key uses of webhooks:**

* **Real-time automation** – instantly process incoming data.

* **Integrations with external tools** – connect Lovable with services like Slack, Stripe, or Supabase.

* **Handling API responses** – send data between systems without manual intervention.

When using webhooks, always:

* **Ensure the webhook URL is correct and secure** to prevent data leaks.

* **Handle responses properly** – Lovable should expect a return confirmation to ensure successful execution.

**Refactoring** is the process of improving the structure, readability, and efficiency of existing code without changing its functionality. It’s like editing a long essay to make it more concise while keeping the same message.

In AI-generated development, refactoring can help:

* **Optimize performance** by reducing redundant code.

* **Improve maintainability** for easier debugging and future updates.

* **Prevent conflicts** by organizing logic more clearly.

However, unnecessary refactoring can introduce bugs. Before refactoring, always:

* **Ask AI what it plans to change** (e.g., in Lovable’s Chat Mode).

* **Ensure all dependencies remain functional** to avoid breaking other parts of your application.

Yes! You can absolutely use **Lovable** for frontend development.

Lovable provides an intuitive, AI-powered environment that simplifies frontend workflows, making it easier to build, style, and optimize web applications. Whether you're working with **React, Vite, and Tailwind CSS**, or customizing UI components through **visual editing**, Lovable offers tools to streamline the development process.

Here’s what makes **Lovable great for frontend development**:

* **Component-Based Development**: Leverage **React and Vite** to create reusable, scalable UI components.

* **AI-Assisted Code Generation**: Use Lovable's AI to quickly scaffold frontend layouts and apply best practices effortlessly.

* **Mobile-First Design**: Implement responsive UIs with **Tailwind CSS** and CSS media queries to optimize layouts across devices.

* **Real-Time Preview & Deployment**: Work in a **sandbox environment** with an instant preview and deploy seamlessly to production.

* **Visual Editing**: Modify elements directly in the UI without manually tweaking the code.

* **Performance Optimization**: Leverage built-in tools like **lazy loading, minification, and CDN integrations** for fast-loading applications.

If you're looking to **build, experiment, or optimize frontend applications**, Lovable is a powerful platform that adapts to your needs. For a deep dive into frontend best practices with Lovable, [check out the full article](https://lovable.dev/blog/frontend-development-with-lovable).  

We are constrained by the limitations of Claude and other AI providers. In the short term, your limit is approximately 180K tokens, which translates to roughly 720K characters.

Features and Functionality

Lovable provides multiple ways to update and refine your project:

1. **Refine Components**: Adjust prompts for specific changes, e.g., "Make the header smaller."

2. **Add Features**: Use prompts like “Add a user registration page.”

3. **Select-to-Edit**: Click on specific components (e.g., button, section) to edit directly.

4. **Version History**: Access previous versions to restore or compare changes.

Yes, you can integrate Stripe within your application. There are many ways to connect Stripe to Lovable, but the most straight-forward way is to utilize Stripe’s built-in payment links. [This is a great workflow](https://docs.lovable.dev/tips-tricks/setting-up-payments) that will get you going. * **Use chat mode** to verify changes before applying them.

* **Lock critical files** to prevent unintentional edits.

* **Implement version control** (GitHub) to track changes.

* **Write detailed prompts** so the AI understands dependencies.

Yes! While **Make.com and n8n** help with automation, Lovable is working on **native workflow integrations**. <iframe width="100%" height="315" src="https://www.youtube.com/embed/VZ7kQ_w9dfQ?si=H6-XDIT7YFjWB0YE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

Optimize your website for SEO & traffic by:

1. **Nailing SEO Basics** – Include your main keyword in the **title, meta, H1, and first paragraph**. Use only **one H1** and check structure with **PageSpeed Insights**.

2. **Enhancing Engagement** – Add a **hero image overlay** and an **embedded YouTube video** to boost user interaction.

3. **Attracting Backlinks** – Add a **free tool (e.g., mortgage calculator)** to increase shares and authority.

4. **Publishing SEO Content** – Use **Sigma SEO** to find keywords and auto-publish **optimized blogs** via GitHub.

This strategy boosts rankings, traffic, and backlinks with minimal effort.

AI and Automation

Lovable AI operates with a limited memory context, meaning it focuses on recent messages for optimal understanding. To ensure the best results when referencing older conversations, include any relevant context in your current message. This helps the AI provide accurate and coherent responses. Yes, Lovable AI can help generate and structure complex B2B SaaS applications, including **workflow-driven systems** with multiple approval stages, role-based field visibility, document generation (with signatures and images), and customer-specific workflows. Lovable migrated from Python to Go to improve performance, scalability, and developer experience. Go enables faster processing, lower latency, and better efficiency, especially for handling large-scale AI-driven tasks. Lovable provides basic authentication, but deeper customization (role-based security, social login, etc.) may require **custom logic or Supabase functions**.

Pricing and Subscription

Your monthly token count **restocks on the same day you started your subscription** each month. No, you can't at the moment. We recommend you upgrade to a higher plan and then downgrade once you've used up your messages. You can check your usage in **account settings** under **credits/messages left**.

Account and Settings

At the moment, we don't offer in-app account deletion. You can reach out to the support team and we will make sure to handle this as soon as possible. Currently, it is not possible to change your email linked to the account. Yes, you can! Open the project and click on Project Settings in the top-right corner. Scroll down to the "Danger Zone," click Delete Project, and then confirm by clicking Delete again in the popup.

About

Apply to our Affiliate Program through [friends.lovable.dev](https://friends.lovable.dev/). You'll earn 20% of the revenue from any customer you refer for their first 12 months. We are 100% made in Europe. Our office is located in Stockholm, Sweden. [Yes](https://lovable.dev/careers) :)