Skip to main content
You can bring your Lovable project into Workshop and continue building with full-stack capabilities that go beyond what Lovable offers — custom backends, multiple database options, multi-model AI support, and local development. Workshop Desktop is recommended for the best import experience, but Workshop Cloud works too.

​
Step 1: Sync Your Lovable Project to GitHub

Lovable has built-in GitHub integration. If you haven’t already connected it:
1

Open your project in Lovable

Navigate to the project you want to import.
2

Connect to GitHub

Go to your project’s Settings and find the GitHub section. Click Connect to GitHub and authorize Lovable to access your GitHub account.
3

Create or select a repository

Choose to create a new repository or connect to an existing one. Lovable will sync your project code to this repository.
4

Verify the sync

Confirm that your project code appears in the GitHub repository. You should see your React/Vite source files, package.json, and other project files.
Copy the GitHub repository URL — you’ll need it in the next step. It looks like https://github.com/your-username/your-project.

​
Step 2: Connect GitHub in Workshop

If you haven’t already connected your GitHub account to Workshop:
  1. Open Workshop Desktop and navigate to Hub > Connectors
  2. Click Connect on the GitHub connector
  3. Authorize the Workshop GitHub App and select which repositories to grant access to
  4. Confirm the connection
See GitHub Integration (Desktop) for detailed instructions.

​
Step 3: Create a Project from Your Lovable Repository

  1. Click New Project from the Projects page
  2. Select Import from Git
  3. Choose your Lovable repository from the list, or paste the repository URL
  4. Workshop clones the repository and creates your project

​
Step 4: Set Up and Run Your Project

Once the project is created, open a conversation and ask the agent to get your project running:
The agent will:
  • Detect the project structure (React + Vite + TypeScript + Tailwind is typical for Lovable projects)
  • Install dependencies with npm install
  • Start the development server
  • Verify everything is running correctly

​
What You Can Do Next

With your Lovable project now in Workshop, you can extend it in ways that weren’t possible before:

​
Deployment

Workshop’s one-click publish is designed for projects built natively in Workshop. For your imported Lovable project, ask the agent to set up deployment to a hosting provider that suits your stack:

Ready to get started?

Download Workshop Desktop to import your Lovable project with the best experience.