Lovable.dev je AI alat koji generira web aplikacije iz opisa — najčešće React + Vite projekte. Rezultat je funkcionalna stranica, ali ostaje na Lovable infrastrukturi s ograničenim opcijama. U ovoj uputi pokazujemo kako preuzeti kod i prebaciti stranicu na vlastiti hosting.

Korak 1: Exportaj projekt iz Lovable

Lovable povezuje svaki projekt s GitHub repozitorijem:

1. Otvori svoj projekt u Lovable editoru
2. Klikni na GitHub ikonu (ili idi u Settings → GitHub)
3. Ako još nisi povezao GitHub, Lovable će te pitati da autoriziraš pristup — prihvati
4. Projekt će se automatski pushati na tvoj GitHub račun kao novi repozitorij

Alternativno, možeš preuzeti kod direktno: u Lovable editoru klikni Download (ako je opcija dostupna) ili kloniraj repo s GitHuba na svoje računalo.

Korak 2: Buildaj projekt lokalno

Lovable generira React/Vite projekt koji treba buildati prije uploada na hosting:

1. Otvori terminal i navigiraj u mapu projekta
2. Instaliraj dependencije: npm install
3. Pokreni build: npm run build
4. Nakon builda, u mapi dist/ nalaze se gotove datoteke za hosting

Nemaš Node.js? Preuzmi ga s nodejs.org — trebaš ga samo za build, na samom hostingu nije potreban jer su rezultat statične HTML/CSS/JS datoteke.

Korak 3: Upload na hosting

Sadržaj dist/ mape trebas uploadati u public_html na svom hostingu. Imate više opcija:

• FTP/SFTP: koristi FileZilla — spoji se na server i kopiraj sadržaj dist/ u public_html
• cPanel File Manager: kompresiraj dist/ mapu u ZIP, uploadaj u public_html i ekstraktiraj
• Git deploy: koristi cPanel Git Version Control za automatski deploy (pogledaj našu uputu o Git deployu)

Korak 4: Podesi routing za SPA

React aplikacije koriste client-side routing. Bez dodatne konfiguracije, direktan pristup bilo kojoj ruti osim početne stranice vratit će 404 grešku. Rješenje je .htaccess datoteka:

Kreiraj datoteku .htaccess u public_html s ovim sadržajem:

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

Ovo preusmjerava sve zahtjeve na index.html, a React router preuzima dalje.

Korak 5: Supabase baza podataka

Ako tvoj Lovable projekt koristi Supabase za bazu podataka i autentifikaciju, imaš dvije opcije:

• Nastavi koristiti Supabase: Supabase radi kao vanjski servis — tvoj hosting samo servira frontend, a API pozivi idu prema Supabase. Ništa ne trebaš mijenjati u kodu.
• Prebaci na MySQL: Ako želiš sve na jednom mjestu, trebat ćeš prepisati backend logičku na PHP + MySQL. Ovo je veći zahvat i ovisi o kompleksnosti aplikacije.

Korak 6: Domena i SSL

1. U Lovable postavkama ukloni custom domenu (ako si je postavio)
2. Usmjeri domenu na WMD hosting — promijeni nameservere ili A record
3. Aktiviraj SSL certifikat u cPanelu pod SSL/TLS Status

Trebaš pomoć s migracijom Lovable projekta? Javi nam se na info@wmd.hr ili putem live chata — tu smo 24/7.