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:
- Otvori svoj projekt u Lovable editoru
- Klikni na GitHub ikonu (ili idi u Settings → GitHub)
- Ako još nisi povezao GitHub, Lovable će te pitati da autoriziraš pristup — prihvati
- 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:
- Otvori terminal i navigiraj u mapu projekta
- Instaliraj dependencije:
npm install - Pokreni build:
npm run build - 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/upublic_html - cPanel File Manager: kompresiraj
dist/mapu u ZIP, uploadaj upublic_htmli 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
- U Lovable postavkama ukloni custom domenu (ako si je postavio)
- Usmjeri domenu na WMD hosting — promijeni nameservere ili A record
- 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.
