Kada želite izraditi web stranicu i postaviti je na internet, potreban vam je hosting, odnosno prostor na serveru ili poslužitelju gdje možete pohraniti svoju web stranicu. Jer baš kao što spremate dokument na svoje računalo, vaša web stranica također treba biti negdje pohranjena. Kako biste bili sigurni da je vaša web stranica uvijek dostupna, potrebno je istu pohraniti na server u podatkovnom centru. Za isto se potrebno obratiti pružateljima usluga hostinga kao WMD. Kod WMD imate sve potrebno za web na jednom mjestu tako i hosting.

Prilikom narudžbe možete zatražiti 7-dnevni probni period. Samo upišite zahtjev za probni period u dio za dodatne infomacije o narudžbi.

Kada naručite kod WMD web hosting paket, dobivate 1 godinu web prostora besplatno, platite 12 mjeseci koristite 24 mjeseca.

Uz godinu dana besplatnog hostinga dobivate besplatno i prvu godinu dana TLD domenu + SEO ciljani upis u sve poznatije web tražilice. Mi se bavimo ciljanim internet marketingom pa možete biti sigurni da ćemo to napraviti na ispravan način.

Dobivate besplatno i web jumbo plakat u vrijednosti od 150€, to je jedinstvena web reklama u svijetu koju smo osmislili i o njoj je pisano u nekoliko novinskih poslovnih izadnja.
Ovisno o odabranom paketu dobivate i 1 PR objavu na naši 130+ gradskih / mjesnih portala u vrijednosti 390€.

Na START hosting paketu možete smjestiti do 3 web stranice ili domene — odlično mjesto za početak uz AKCIJU 1+1! Najviše korisnika bira upravo ovaj hosting paket. Ako želite upravljati s većim ili manjim brojem web-stranica, imamo hosting pakete koji to omogućavaju, samo odaberite koji vam najbolje odgovara.

Da, naravno uz hosting dobivate i mogućnost samostanog kreiranja e-mail adresa i slanja email poruka sa Vašom odabranom domenom. Uz sve hosting pakete se dobiva i besplatna domena samostalno odabranog naziva, tako da imate sve što je potrebno za slanje perosnalizirane e-pošte.

Naziv domene je kao adresa vaše kuće ili stana, a web hosting je poput stana ili kuće u kojoj živite. Ukoliko želite pokrenuti web stranicu, trebat će vam oboje: domena koje korisnici interneta mogu koristiti da pronađu vašu web stranicu tipa (wmd.hr, google.com) i hosting, koji pohranjuje sve podatke bitne za ispravno funkcioniranje web stranice kao i mailove.

Da, naravno možete uvijek nadograditi na veći paket, samo nam pošaljite zahtjev i napravit ćemo to za Vas kroz par minuta, plaća se samo razlika u cijeni za željeni veći paket, no uz to ćemo vam besplatno produžiti postojeći paket za par dodatnih mjeseci ovisno o tome kada zatražite prelazak na veći paket. Ako želite iz nekog razloga prijeći na manji paket možemo isto tako napraviti kroz par minuta potpuno besplatno, ne naplaćujemo dodatno prijelaz na manji hosting paket.

Da, bitna nam je sigurnost, a sigurno i posjetiteljima vaše web stranice. Uz hosting paket dobivate i besplatan SSL certifikat koji možete samostalno aktivirati putem cPanel sučelja.

Naravno i vrlo rado ćemo vam pomoći oko transfera. Pošaljite nam samo podatke trenutnog hostinga i odmah ćemo transferirati stranicu ili u vrijeme kada Vam najbolje odgovara. Ako imate problema sa stranicom i kod trenutnog hosting providera Vam je ostalo još vremena do isteka usluga, ne trebate čekati za transfer do isteka usluge, dodat ćemo taj preostali period na vaš račun kod WMDa.

Čim zaprimimo uplatu hosting će biti aktiviran kroz par minuta i odmah ćemo Vam poslati sve podatke potrebne za rad. Ako je hitno samo nam pošaljite presliku uplate i odmah ćemo aktivirati hosting.

Naravno, možete nas kontaktirati na Chat podršku, telefonom, ticketima,  emailom, Skypom... 7/24/365, mi smo tu za Vas svim praznicima i svim neradnim danima. Uz to pripremili smo za vas prilično detaljne upute za sve što Vam možete biti potrebno za produktivan rad.

Naravno. Nema veze koji operativni sustav imate na računalu, cPanel podržava sve operativne sustave i sve poznatije i manje poznate programe za izradu web stranica.
Mi koristimo cPanel na Mac OSX-u i Windows operativnim sustavima, kao i svim mobilnim uređajima.
cPanel je jednostavna web administracija posebno prilagođena za osobe koje se prvi puta susreću sa web hostingom, uz svaku funkciju cPanela postoje i video upute, tako i ako zapnete negdje, pomoć je uvijek uz vas.

Da, naravno. Ako želite, možete kupiti domene od drugih registrara domena i usmjeriti ih na svoj WMD hosting jednostavno kroz administracijsko sučelje ili možemo isto učiniti za Vas ako je potrebno. No možete kod WMD imati sve domene i hostinge na jednom mjestu što bismo preporučili radi jednostavnosti i lakšeg i bržeg rješavanja problema.

Na stranici WEB HOSTING odaberite hosting paket koji vam najviše odgovara.

1. Kliknite na gumb Dodaj u košaricu
2. Popunite sve tražene podatke
3. Odaberite način plaćanja, automatski dobivate elektronski predračun sa podacima za uplatu>
4. Nakon uplate, šaljemo vam korisničke podatke sa uputama.

R1 račun vam šaljemo našim online knjigovodstvenim sistemom, putem kojega ćete u svakom trenutku imati uvid u sve usluge i web servise koje imate kod nas, kao i sve izdane račune za knjigovodstvene potrebe.

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.

Bolt.new je AI platforma za generiranje web aplikacija — slično kao Lovable, ali s više fleksibilnosti u odabiru tehnologije. Može generirati React, Next.js, Vue, Astro i druge projekte. U ovoj uputi pokazujemo kako preuzeti Bolt projekt i prebaciti ga na vlastiti hosting.

Korak 1: Preuzmi kod iz Bolt.new

Bolt nudi više načina za export projekta:

1. Download: U Bolt editoru klikni na ikonu za preuzimanje (ili Export) — dobit ćeš ZIP datoteku s cijelim projektom
2. GitHub: Poveži Bolt s GitHubom i pushni projekt u repozitorij — klikni na GitHub ikonu u editoru i slijedi upute
3. StackBlitz: Bolt koristi StackBlitz u pozadini — možeš otvoriti projekt u StackBlitzu i preuzeti odatle

Korak 2: Provjeri tip projekta

Prije builda, važno je znati što ti je Bolt generirao:

• Statična stranica (HTML/CSS/JS): Možeš je uploadati direktno — nije potreban build
• React/Vite projekt: Treba build — rezultat su statične datoteke u dist/ mapi
• Next.js projekt: Treba posebna konfiguracija — Next.js standardno zahtijeva Node.js server. Za statički export dodaj u next.config.js: output: 'export'
• PHP projekt: Upload direktno na hosting — ne treba build

Korak 3: Buildaj projekt

Za React/Vite projekte (najčešći output iz Bolta):

1. Raspakiraj ZIP ili kloniraj repo na svoje računalo
2. Otvori terminal u mapi projekta
3. npm install — instalira dependencije
4. npm run build — kreira produkcijske datoteke
5. Gotove datoteke su u dist/ (Vite) ili build/ (Create React App) mapi

Za Next.js sa statičkim exportom:

1. npm install
2. npm run build
3. Gotove datoteke su u out/ mapi

Korak 4: Upload na hosting

Sadržaj build mape (dist/, build/ ili out/) uploadaj u public_html:

• FTP: Koristi FileZilla — spoji se na server i kopiraj datoteke
• File Manager: Kompresiraj build mapu u ZIP, uploadaj u cPanel i ekstraktiraj u public_html
• Git deploy: Postavi cPanel Git Version Control za automatski deploy iz GitHub repozitorija

Korak 5: Podesi .htaccess za SPA routing

Ako je projekt React ili Vue SPA (Single Page Application), trebaš .htaccess u public_html:

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

Korak 6: Baza podataka

Ovisno o tome što Bolt projekt koristi za backend:

• Supabase: Nastavi koristiti Supabase kao vanjski servis — frontend na tvom hostingu, baza na Supabaseu. Ništa ne trebaš mijenjati.
• Firebase: Isto kao Supabase — vanjski servis, radi bez promjena.
• Vlastiti backend: Ako je Bolt generirao Node.js/Express backend, trebat ćeš ga prepisati na PHP za klasični hosting, ili razmotriti VPS/dedicated server koji podržava Node.js.

Korak 7: Domena i SSL

1. Usmjeri domenu na WMD hosting (nameserveri ili A record)
2. Aktiviraj SSL certifikat u cPanelu
3. Testiraj stranicu na novoj domeni

Trebate pomoć s prebacivanjem Bolt projekta? Javite nam se na info@wmd.hr ili putem live chata — tu smo 24/7.

Render.com je cloud platforma popularna za hostanje web aplikacija, API-jeva i statičnih stranica. Ako si krenuo s Renderom ali želiš više kontrole, email na svojoj domeni ili predvidljivu cijenu — prebacivanje na klasični hosting je logičan korak. Evo kako.

Korak 1: Identificiraj tip projekta na Renderu

Render podržava različite tipove projekata, a postupak prebacivanja ovisi o tome što hostaš:

• Static Site: Najlakše za prebacivanje — to su gotove HTML/CSS/JS datoteke
• Web Service (Node.js, Python, PHP): Ovisi o jeziku — PHP radi direktno na hostingu, Node.js/Python zahtijevaju prilagodbu
• PostgreSQL baza: Treba export i konverzija na MySQL

Korak 2: Preuzmi kod

Render se spaja na tvoj GitHub ili GitLab repozitorij. Kod već imaš:

1. Idi na GitHub/GitLab i pronađi repozitorij koji Render koristi
2. Kloniraj ga na svoje računalo: git clone https://github.com/korisnik/projekt.git
3. Ili preuzmi kao ZIP s GitHuba (Code → Download ZIP)

Korak 3: Pripremi projekt za hosting

Za statične stranice (HTML/CSS/JS):

Ako Render servira gotove statične datoteke, uploadaj ih direktno u public_html. Ako je to React/Vue/Vite projekt, buildaj ga lokalno (npm run build) i uploadaj sadržaj dist/ mape.

Za PHP projekte:

PHP projekti rade na hostingu bez preinaka. Uploadaj cijeli projekt u public_html. Jedino što trebaš prilagoditi su konekcijski podaci za bazu — umjesto Render PostgreSQL-a, koristiš MySQL na localhostu.

Za Node.js projekte:

Klasični shared hosting ne podržava Node.js runtime. Opcije su:

• Ako je frontend odvojen od backenda — prebaci samo frontend (statičke datoteke) na hosting
• Ako trebaš Node.js backend — razmotri VPS ili dedicated server gdje imaš puni pristup
• Prepisi backend na PHP — ako je backend relativno jednostavan (CRUD operacije, forme, autentifikacija)

Korak 4: Exportaj bazu podataka

Ako koristiš Render PostgreSQL bazu:

1. U Render dashboardu pronađi svoju bazu i kopiraj External Connection String
2. Exportaj bazu: pg_dump -Fc --no-acl --no-owner DATABASE_URL > baza.dump

Važno: Render koristi PostgreSQL, a većina hosting paketa koristi MySQL. Baze nisu direktno kompatibilne. Za konverziju:

• Koristi alat poput pgloader ili AWS Schema Conversion Tool
• Za manje baze, ručno pretvori SQL strukturu
• Javi nam se na info@wmd.hr — pomoći ćemo s konverzijom

Ako projekt koristi MySQL na Renderu (rjeđe), export je jednostavniji: mysqldump i import u cPanel phpMyAdmin.

Korak 5: Upload na hosting

• FTP: Koristi FileZilla za upload u public_html
• Git deploy: Postavi cPanel Git Version Control i poveži s istim GitHub repom koji je koristio Render
• File Manager: Upload ZIP i ekstrakcija u cPanelu

Korak 6: Konfiguracija

Render koristi environment varijable za konfiguraciju. Na hostingu to radiš kroz datoteke:

• PHP: Kreiraj .env datoteku ili config.php s konekcijskim podacima
• Database host: Umjesto Render connection stringa, koristi localhost
• Ostale env varijable: Prebaci ih u odgovarajuću config datoteku svog frameworka

Korak 7: Domena i SSL

1. U Render dashboardu ukloni custom domenu iz svog servisa
2. Usmjeri domenu na WMD hosting (promijeni nameservere ili A record)
3. Aktiviraj SSL certifikat u cPanelu
4. Kad potvrdite da sve radi, možete obrisati Render servis

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

Vercel i Netlify su popularne platforme za hosting statičnih stranica i JAMstack aplikacija. Odlične su za početak, ali s vremenom cijene rastu, a opcije poput emaila na domeni, cPanela i baza podataka nedostaju. U ovoj uputi pokazujemo kako prebaciti projekt s Vercela ili Netlifyja na vlastiti hosting.

Korak 1: Preuzmi kod

Obje platforme se spajaju na Git repozitorij — tvoj kod je već na GitHubu, GitLabu ili Bitbucketu:

1. Idi na GitHub i pronađi repozitorij povezan s Vercel/Netlify projektom
2. Kloniraj repo: git clone https://github.com/korisnik/projekt.git
3. Ili preuzmi ZIP (Code → Download ZIP)

Ako nemaš repo (deploy putem drag-and-drop na Netlifyju), preuzmi datoteke direktno iz Netlify dashboarda ili iz preglednika (View Page Source + save).

Korak 2: Identificiraj tip projekta

• Statična stranica (HTML/CSS/JS): Upload direktno — ne treba build
• React/Vite/Vue: Treba npm run build — rezultat u dist/ ili build/ mapi
• Next.js: Standardno zahtijeva Node.js server. Za statički export, u next.config.js dodaj output: 'export' pa pokreni npm run build — rezultat u out/ mapi
• Gatsby: npm run build — statičke datoteke u public/ mapi
• Astro: npm run build — statičke datoteke u dist/ mapi
• Hugo/Jekyll/11ty: Buildaj prema dokumentaciji frameworka

Korak 3: Buildaj projekt lokalno

1. Otvori terminal u mapi projekta
2. npm install
3. npm run build
4. Pronađi output mapu (dist/, build/, out/, public/ — ovisi o frameworku)

Env varijable: Ako projekt koristi environment varijable (API ključeve i sl.), kreiraj .env datoteku lokalno s istim varijablama koje imaš u Vercel/Netlify postavkama prije pokretanja builda.

Korak 4: Upload na hosting

Sadržaj build mape uploadaj u public_html:

• FTP: FileZilla — spoji se i kopiraj datoteke
• File Manager: ZIP, upload u cPanel, ekstrakcija
• Git deploy: Postavi cPanel Git Version Control i poveži s istim repom — zamjena za Vercel/Netlify automatski deploy

Korak 5: Podesi .htaccess

Za SPA aplikacije (React, Vue) trebaš .htaccess u public_html:

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

Za statički generirane stranice (Gatsby, Astro, Next.js static export) ovo obično nije potrebno jer svaka ruta ima svoju HTML datoteku.

Korak 6: Serverless funkcije i forme

Vercel i Netlify nude serverless funkcije i ugrađene forme. Na klasičnom hostingu:

• Serverless funkcije: Prepiši ih na PHP skripte — većina radi CRUD operacije ili API proxy koji su trivijalni u PHP-u
• Netlify Forms: Zamijeni s PHP formom ili servisom poput Formspree
• Vercel Analytics: Zamijeni s besplatnim Google Analytics ili Matomo
• ISR/SSR u Next.js: Ako koristiš server-side rendering, trebat ćeš VPS s Node.js ili prebaci na statički export

Korak 7: Preusmjeri domenu

1. U Vercel/Netlify postavkama ukloni custom domenu
2. Usmjeri domenu na WMD hosting — promijeni nameservere ili A record
3. Aktiviraj SSL certifikat u cPanelu

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

Railway i Heroku su cloud platforme za deploy web aplikacija — popularni za Node.js, Python, Ruby i PHP projekte. Obe platforme su krenule s besplatnim planovima koji su se postupno ukinuli ili ograničili, pa mnogi korisnici traže alternativu. U ovoj uputi pokazujemo kako prebaciti projekt na vlastiti hosting.

Korak 1: Preuzmi kod

Obje platforme koriste Git za deploy:

• Railway: Projekt je povezan s GitHub repozitorijem — kloniraj ga s GitHuba
• Heroku: Kod možeš preuzeti putem Heroku Git-a: heroku git:clone -a ime-aplikacije ili s GitHuba ako si ga tamo povezao

Korak 2: Identificiraj što prebacuješ

Railway i Heroku obično hostaju full-stack aplikacije. Važno je razumjeti strukturu:

• PHP aplikacija (Laravel, WordPress, vanilla PHP): Direktno radi na shared hostingu — najlakša migracija
• Node.js (Express, Fastify, Next.js): Shared hosting ne podržava Node.js. Opcije: prebaci na VPS/dedicated server, prepiši backend na PHP, ili razdvoji frontend (statički na hosting) i backend (ostavi na Railway free tier ili prebaci na VPS)
• Python (Django, Flask): Ista situacija kao Node.js — shared hosting ne podržava Python runtime, ali VPS da
• Statični frontend + API backend: Frontend prebaci na hosting, backend ostavi ili prebaci na VPS

Korak 3: Exportaj bazu podataka

Railway PostgreSQL:

1. U Railway dashboardu klikni na svoju bazu
2. Pod Connect pronađi connection string
3. Exportaj: pg_dump DATABASE_URL > baza.sql

Railway MySQL:

1. Pronađi MySQL connection podatke u Railway dashboardu
2. Exportaj: mysqldump -h HOST -u USER -p DATABASE > baza.sql
3. MySQL dump možeš direktno importirati u cPanel phpMyAdmin

Heroku Postgres:

1. heroku pg:backups:capture -a ime-aplikacije
2. heroku pg:backups:download -a ime-aplikacije

PostgreSQL → MySQL konverzija: Ako platforma koristi PostgreSQL, a hosting MySQL — trebat će konverzija. Za manje baze koristi alat pgloader ili ručno prilagodi SQL. Za veće baze, javi nam se na info@wmd.hr.

Korak 4: Pripremi PHP projekt za hosting

Ako je tvoj projekt u PHP-u (Laravel, WordPress, custom):

1. Ažuriraj .env datoteku s novim podacima za bazu (localhost, novo korisničko ime i lozinka)
2. Uploadaj projekt u public_html — za Laravel, public/ mapa ide u public_html, ostalo izvan nje
3. Postavi odgovarajuću PHP verziju u cPanelu (Software → MultiPHP Manager)
4. Pokreni migracije ako je potrebno: preko SSH (php artisan migrate) ili importiraj SQL dump

Korak 5: Upload na hosting

• FTP: FileZilla za upload u public_html
• Git deploy: cPanel Git Version Control — isti repo koji je koristio Railway/Heroku
• SSH: Ako imaš SSH pristup, kloniraj repo direktno na server

Korak 6: Environment varijable

Railway i Heroku koriste env varijable za konfiguraciju. Na hostingu:

• PHP/Laravel: Kreiraj .env datoteku u root direktoriju projekta
• WordPress: Ažuriraj wp-config.php
• Database: Host je localhost, korisničko ime i lozinka su oni iz cPanela

Sve env varijable iz Railway/Heroku dashboarda prebaci u odgovarajuću config datoteku.

Korak 7: Domena i SSL

1. U Railway/Heroku dashboardu ukloni custom domenu
2. Usmjeri domenu na WMD hosting
3. Aktiviraj SSL certifikat u cPanelu
4. Testiraj — kad sve radi, obriši Railway/Heroku servis

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

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.

Bolt.new, kao i Lovable, može pushati kod na GitHub. To otvara mogućnost automatskog deploya — svaka promjena u Bolt editoru automatski završi na tvom hostingu. Postavljanje je gotovo identično kao za Lovable, s par specifičnosti.

Kako ovo radi

1. Urediš stranicu u Bolt.new editoru
2. Pushneš promjene na GitHub (Bolt to omogućuje kroz GitHub integraciju)
3. GitHub Actions automatski builda projekt
4. Webhook triggerira cPanel da povuče novi kod
5. Stranica na tvojoj domeni se ažurira

Preduvjeti

• Bolt.new projekt povezan s GitHubom (klikni GitHub ikonu u Bolt editoru)
• WMD hosting paket s cPanel pristupom
• Identificiran tip projekta (React/Vite, Next.js, statična stranica)

Korak 1: Poveži Bolt s GitHubom

1. U Bolt.new editoru klikni na GitHub ikonu
2. Autoriziraj pristup svom GitHub računu
3. Bolt će kreirati novi repozitorij ili se spojiti na postojeći
4. Od sad, svaki "deploy" u Boltu pusha kod na GitHub

Korak 2: Dodaj GitHub Actions workflow

Bolt pushni izvorni kod, ali hosting treba buildane datoteke. Kreiraj .github/workflows/build.yml:

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

Za Next.js projekte (ako je Bolt generirao Next.js), zamijeni build korake:

      - run: npm run build
      - run: |
          git config user.name "GitHub Actions"
          git config user.email "actions@github.com"
          git add out/ -f
          git commit -m "Auto build" || exit 0
          git push

I dodaj output: 'export' u next.config.js za statički export.

Korak 3: Postavi Git repo u cPanelu

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

Korak 4: Kreiraj .cpanel.yml

Dodaj u root repozitorija:

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

Za Next.js projekte zamijeni dist/* s out/*. Zamijeni korisnik sa svojim cPanel korisničkim imenom.

Korak 5: Webhook za automatski deploy

1. U cPanelu kopiraj Pull URL sa stranice repozitorija
2. GitHub → Settings → Webhooks → Add webhook
3. Zalijepi Pull URL, content type application/json
4. Klikni Add webhook

Korak 6: .htaccess za SPA

Za React/Vue SPA projekte dodaj .htaccess u public_html:

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

Razlike između Bolt i Lovable deploya

• Više frameworka: Bolt može generirati Next.js, Vue, Astro — ne samo React. Prilagodi build output mapu u .cpanel.yml
• Push nije automatski: Za razliku od Lovable koji automatski pusha na GitHub, u Boltu moraš ručno pushati (klik na GitHub ikonu). To ti daje više kontrole nad time kad se promjene objavljuju
• StackBlitz: Bolt koristi StackBlitz — možeš otvoriti projekt i u StackBlitz editoru za naprednije izmjene koje Bolt AI ne podržava

Testiraj

1. Napravi promjenu u Bolt editoru i pushni na GitHub
2. Provjeri da je GitHub Actions završio build (tab Actions na GitHubu)
3. Osvježi svoju domenu — promjena bi trebala biti vidljiva za 1–3 minute

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