lovable.md - is-a-dev-docs - is-a.dev Documentation

lovable.md (2042B)
      1 ---
      2 order: 150
      3 icon: /media/lovable/icon.svg
      4 label: Lovable
      5 tags: guides
      6 ---
      7 
      8 ## Setting up Lovable project with an is-a.dev subdomain
      9 
     10 This guide will walk you through the process of making your Lovable Project work on is-a.dev subdomains. Currently Lovable doesn't intergrate directly with is-a.dev, so we have to use GitHub as a proxy with [Cloudflare Pages](/guides/cloudflare-pages) to make this work. We will use the user `doughmination` for this example.
     11 
     12 ### Connect your project to GitHub
     13 
     14 1. Open your project's `More` page, `Settings` tab and navigate to the `Git` tab.
     15     ![](../media/lovable/l/step1.png)
     16 
     17 2. Click the `GitHub` button, and `Add Connection`, then `Add Account`.
     18     ![](../media/lovable/l/step2.png) ![](../media/lovable/l/step2b.png)
     19 Note: If you login with GitHub, you may already have your account connected
     20 
     21 3. Once you connect the account, click `Connect`, which connect to a GitHub repository. 
     22     ![](../media/lovable/l/step3.png)
     23 
     24 4. You can see it as a recent Private repository. Make a note of the project's name.
     25     ![](../media/lovable/l/step4.png)
     26 
     27 
     28 
     29 ### Connect GitHub to Cloudflare Pages
     30 
     31 1. Open Cloudflare and under `Build`, press `Compute`, then `Workers & Pages`.
     32     ![](../media/lovable/cf/step1.png)
     33 
     34 2. Click `Create Application`, and then access Pages via `Continue to Pages`.
     35     ![](../media/lovable/cf/step2.png) ![](../media/lovable/cf/step2b.png)
     36 
     37 3. Press `Import an existing Git repository` to access your GitHub account.
     38     ![](../media/lovable/cf/step3.png)
     39 
     40 4. Connect GitHub.
     41     ![](../media/lovable/cf/step4.png) ![](../media/lovable/cf/step4b.png)
     42 
     43 5. Select your project's name, so we can auto-pull from source.
     44     ![](../media/lovable/cf/step5.png)
     45 
     46 6. Configure the build to the below settings.
     47     ![](../media/lovable/cf/step6.png) ![](../media/lovable/cf/step6b.png)
     48 
     49 7. Press the `Save and Deploy` button, and carry on the flow.
     50 
     51 After the page finishes building, you can now make a PR, for this, please see the [Cloudflare Pages](/guides/cloudflare-pages) guide.