Lovable.dev automatski sprema svaki projekt na GitHub. To znači da možeš postaviti automatski deploy — svaki put kad napravite promjenu u Lovable editoru, stranica na vašem hostingu se automatski ažurira. Evo kako to postaviti.

Kako ovo radi

Tok podataka izgleda ovako:

1. Ti urediš stranicu u Lovable editoru
2. Lovable automatski pusha promjene na GitHub
3. GitHub šalje webhook na cPanel
4. cPanel povuče novi kod i deploya ga na hosting

Rezultat: stranica je živa na tvojoj domeni, a ti nastavljate koristiti Lovable za uređivanje.

Preduvjeti

• Lovable projekt povezan s GitHubom (otvori projekt → Settings → GitHub)
• WMD hosting paket s cPanel pristupom
• Lovable projekt mora biti buildani React/Vite — što i jest po defaultu

Korak 1: Buildaj projekt i pushni dist mapu

Lovable pushni izvorni kod na GitHub, ali hosting treba gotove (buildane) datoteke. Imaš dvije opcije:

Opcija A: Ručni build + push dist mape

1. Kloniraj repo na računalo: git clone https://github.com/tvoj-user/projekt.git
2. npm install
3. npm run build
4. Dodaj dist/ mapu u Git (makni je iz .gitignore ako je tamo)
5. Commitaj i pushni: git add dist/ && git commit -m "build" && git push

Opcija B: GitHub Actions automatski build (preporučeno)

Kreiraj datoteku .github/workflows/build.yml u repozitoriju:

name: Build and Deploy
on:
  push:
    branches: [main]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
      - run: npm install
      - run: npm run build
      - run: |
          git config user.name "GitHub Actions"
          git config user.email "actions@github.com"
          git add dist/ -f
          git commit -m "Auto build" || exit 0
          git push

Ovaj workflow se pokrene svaki put kad Lovable pushne promjene — automatski builda projekt i pusha dist/ mapu.

Korak 2: Postavi Git repo u cPanelu

1. U cPanelu idi na Files → Git™ Version Control
2. Klikni Create
3. Uključi Clone a Repository
4. Unesi Clone URL svog GitHub repozitorija
5. Repository Path: /home/korisnik/repositories/lovable-projekt
6. Klikni Create

Korak 3: Kreiraj .cpanel.yml

U root repozitorija dodaj datoteku .cpanel.yml:

---
deployment:
  tasks:
    - export DEPLOYPATH=/home/korisnik/public_html/
    - /bin/cp -R dist/* $DEPLOYPATH

Zamijeni korisnik sa svojim cPanel korisničkim imenom. Commitaj i pushni ovu datoteku.

Korak 4: Postavi webhook za automatski deploy

1. U cPanelu na stranici repozitorija kopiraj Pull URL
2. Na GitHubu idi u Settings → Webhooks → Add webhook
3. Payload URL: zalijepi Pull URL iz cPanela
4. Content type: application/json
5. Klikni Add webhook

Korak 5: Dodaj .htaccess za SPA routing

Dodaj .htaccess u public_html (ili ga uključi u dist/ kroz Vite konfiguraciju):

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

Testiraj

1. Napravi malu promjenu u Lovable editoru
2. Sačekaj da GitHub Actions završi build (1–2 minute)
3. cPanel će automatski povući promjene i deployati ih
4. Osvježi svoju domenu — promjena bi trebala biti vidljiva

Sad imaš best of both worlds: Lovable za vizualno uređivanje, a WMD hosting za pouzdano serviranje stranice na tvojoj domeni s SSL-om i emailom. Trebaš pomoć s postavljanjem? Javi nam se na info@wmd.hr — tu smo 24/7.