How-To Guides
Step-by-step guides for common tasks and workflows.
11 articles
Can I disconnect from GitHub?
Yes, disconnect in Project Settings → Integrations → GitHub → Disconnect. Your code stays in GitHub; Lovable just stops syncing. You can reconnect anytime. If you disconnect and reconnect to a different repo, your project's code will update to match that new repo on next sync.
Clicking 'Connect GitHub' does nothing — what's wrong?
If Connect GitHub doesn't respond, ensure pop-ups aren't blocked in your browser (GitHub OAuth opens a new window). Try clearing cache and cookies, then reload. Ensure you're signed into GitHub in another tab. Check that you have permission to create OAuth applications in your GitHub account (organization owners may need to approve). Try a different browser if the issue persists.
Cloning a website or application
Take a screenshot of the website or app you want to clone, upload it to a Lovable prompt with details about what you want to build, and Lovable will recreate the design and functionality.
Connect to GitHub
Click 'Connect' in your project settings and authorize the Lovable GitHub App. Select your repo, and Lovable will sync bidirectionally—changes in Lovable auto-sync to GitHub and vice versa on your default branch (usually main).
Create your first project
Start by signing up at lovable.dev, then click 'Create new project.' Describe what you want to build in natural language, and Lovable's AI agent will start building your app. You can refine with more prompts as you go.
How does Lovable remember context?
Lovable uses Knowledge features at two levels: Workspace knowledge (shared across all projects for coding standards and preferred libraries) and Project knowledge (per-project settings for app purpose, DB schema, and architecture). Short instructions work better than long paragraphs.
Lovable dashboard
The Lovable dashboard is your project hub where you can create new projects, view recent work, manage billing, and access workspace settings. From here, you can quickly jump into any project to continue building.
Prompt
Write clear, conversational prompts describing what you want to build. Use both Plan mode (for reasoning) and Agent mode (for execution). Be specific about features, design preferences, and integrations—the more context, the better results.
Set up SEO
Customize your site metadata (title, favicon) in Project Settings. Ship a real `sitemap.xml` file in your published output, then submit it to Google Search Console. On Lovable hosting, custom domains serve `/sitemap.xml` from deployed files rather than `public/_redirects` proxy rules, so generate the XML at build time if it needs to be dynamic. Use Lovable's Speed tool (powered by Google Lighthouse) to check performance and SEO. Enable prerendering if you need full HTML rendering for crawlers.
What is refactoring, and why is it important?
Refactoring means restructuring code without changing its behavior—improving readability, performance, or maintainability. It's important in Lovable to keep code clean as your project grows. Use prompts like 'Refactor the component structure' or 'Optimize database queries' to ask Lovable to improve code quality.
Who owns the projects and the code that Lovable creates?
You own all projects and code that Lovable creates. This is true for all plans—full code ownership is guaranteed, and you can export or host your project anywhere.
