Custom domain

Navigate to Project > Settings > Domains and click Connect Domain.

Click Continue.

Enter the domain you want to connect (e.g., yourdomain.com).

Click Continue.

Search for and select your DNS provider (the service where you purchased your domain).

Follow the on-screen instructions to sign in to your DNS provider and authorize the connection to Entri.

Click Close Window to complete the connection and return to Site Settings.

Click Done.

Your Lovable app is now available on your custom domain.

Ensure that your project is successfully transferred to GitHub. In the Lovable editor, click on “Transfer to GitHub” located in the top right corner.

Head over to Netlify and log in using your GitHub credentials.

In Netlify, you’ll need to follow these simple steps: Click on “Import from Git” > Authorize Netlify to access your GitHub repositories > Select your Lovable repository from the provided list > Click “Deploy”

Let’s proceed to configure your custom domain directly within Netlify: Go to “Domain Management” > Click “Add a domain” > Enter your domain name > Click “Verify” > Follow the DNS configuration prompts

Your Lovable app will automatically redeploy to Netlify whenever you make changes in Lovable.

Open your project in Lovable and click GitHub then “create repository” if you haven’t already done so. This will commit your code to the main branch and create a repository. Once you do this, all changes made to code in your app will automatically be commited to your Github repository on each change.

Go to the Vercel website and create an account. Configure your domain and set the necessary GitHub permissions (make sure to handle DNS settings properly).

Vercel will automatically deploy the latest changes from the main branch each time it is updated. You can make one or two small changes to your app on Lovable and then visit Vercel deployments to ensure updates are being redeployed from main. Once confirmed, do the next step:

In your GitHub repository settings in Lovable, commit all new changes to a second branch called dev (or whatever you want).

Go back to Vercel and adjust your settings to ensure it only builds production deployments from the main branch.

Work on your app in the Lovable. Any changes will go to the dev branch now and wont automatically be deployed via Vercel.

When you’re ready to push new changes to your domain, go to GitHub and perform a pull request from dev to main. Once you complete and merge the pull request, Vercel will automatically deploy the updates in about one minute.

First, you need to transfer your Lovable project to GitHub if you haven’t already done so.

In your Lovable project, click on the “Transfer to GitHub” button at the top of the interface.

Start by acquiring your domain (e.g., mysimpledomain.com) from Namecheap.

Navigate to the Advanced DNS settings for your domain.

Add the following DNS records to your domain configuration:

Create a GitHub workflow file for deployment:

name: Deploy to GitHub Pages

on:
  workflow_dispatch:

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3

      - uses: actions/setup-node@v3
        with:
          node-version: '18'

      - run: npm install

      - run: npm run build

      - name: Copy index.html to 404.html
        run: cp dist/index.html dist/404.html

      - name: Debug build output
        run: |
          echo "Listing contents of the root directory..."
          ls -la
          echo "Listing contents of the dist directory..."
          ls -R dist

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GH_PAT }}
          publish_dir: ./dist
          cname: mysimpledomain.com
          force_orphan: true

Create a classic token at GitHub:

Keep the token page open—you’ll need it for the next step.

Add your token as a repository secret named GH_PAT.

Navigate to your repository’s GitHub Pages settings and:

• Select Build from a branch
• Choose the gh-pages branch
• Save the settings

Your website will be updated each time you run the GitHub workflow:

1. Go to your repository’s Actions page
2. Select the Deploy to GitHub Pages workflow
3. Click Run workflow button
4. This will publish the latest version of your GitHub repository to your custom domain

Your Lovable app is now available on your custom domain.