How to connect GitHub to Lovable?

 

Step 1: Create a GitHub Account

 

To connect GitHub to Lovable, you first need a GitHub account. If you already have one, you can skip this step.

• Open your browser and go to https://github.com/
• Click on the Sign up button.
• Follow the on-screen instructions to choose a username and password, then verify your email address.

 

Step 2: Create or Identify a Repository

 

You need a repository to link with Lovable. You can create a new one or use an existing repository.

• To create a new repository, click on the + icon in the top right of GitHub and choose New repository.
• Enter a name, description (optional), and select Public or Private.
• Click Create repository.

 

Step 3: Generate a Personal Access Token (PAT)

 

Lovable uses OAuth or PAT to access your GitHub repositories. Generating a PAT gives Lovable permission to read or write to your repo.

• In GitHub, click your profile photo → Settings.
• Navigate to Developer settings → Personal access tokens → Tokens (classic).
• Click Generate new token.
• Give it a descriptive name like Lovable Integration.
• Select scopes: at minimum repo and admin:repo\_hook.
• Click Generate token and copy the token string. Store it securely; you won’t see it again.

 

Step 4: Log In to Lovable

 

Access your Lovable dashboard to start the integration.

• Open Lovable in your browser (e.g., https://app.lovable.io).
• Sign in with your Lovable credentials or register if you don’t have an account yet.

 

Step 5: Connect Your GitHub Account

 

Link GitHub to Lovable by providing the PAT you generated.

• In Lovable, go to Settings → Integrations → GitHub.
• Click Connect GitHub.
• Choose Use Personal Access Token and paste the token.
• Click Authorize or Connect.

 

Step 6: Add Your Repository in Lovable

 

Now that GitHub is connected, select which repository Lovable should manage.

• Within the GitHub integration page, you’ll see a list of your repos.
• Find the repository you created or want to use.
• Click Add to Lovable next to its name.

 

Step 7: Configure Webhooks and Permissions

 

Webhooks let GitHub notify Lovable of new pushes, pull requests, and other events.

• In Lovable, navigate to your project settings and select Webhooks.
• Click Create webhook or Enable next to GitHub.
• Verify that Lovable’s webhook URL is added to your GitHub repo under Settings → Webhooks.
• Ensure the webhook triggers on push and pull\_request events.

 

Step 8: Clone, Commit, and Push to GitHub

 

With your repository connected, test the integration by making a commit and pushing it.

git clone https://github.com/your-username/your-repo.git
cd your-repo
echo "Hello Lovable" > README.md
git add README.md
git commit -m "Add initial README for Lovable integration"
git push origin main

• Replace your-username and your-repo with your actual GitHub username and repository name.
• If your default branch is master, replace main with master.

 

Step 9: Verify the Connection in Lovable

 

Finally, ensure Lovable received the webhook and processed the event.

• Go to your project dashboard in Lovable.
• Look for the latest build or activity log that corresponds to your push.
• If you see a successful trigger, the connection is complete!