When you want to create a website and put it on the Internet, you need hosting, that is, space on a server or server where you can store your website. Because just like you save a document to your computer, your website also needs to be stored somewhere. To make sure that your website is always available, it is necessary to store it on a server in a data center. For the same, you need to contact hosting service providers like WMD. With WMD, you have everything you need for the web in one place, including hosting.

When ordering, you can request a 7-day trial period. Just enter your trial request in the additional order information section.

When you order a WMD web hosting package, you get 1 year of web space for free, pay for 12 months and use for 24 months.

Along with one year of free hosting, you also get the first year's TLD domain + SEO-targeted registration in all the most popular web search engines for free. We deal with targeted internet marketing, so you can be sure that we will do it the right way.

You also get a web billboard worth €150 for free, it's a unique web advertisement in the world that we designed and it was written about in several newspaper business publications.
Depending on the selected package, you also get 1 PR publication on our 130+ city/local portals worth €390.

You can host up to 3 websites or domains on the START hosting package — a great place to start with a 1+1 PROMOTION! Most users choose this hosting package. If you want to manage more or less websites, we have hosting packages that make it possible, just choose the one that suits you best.

Yes, of course with hosting you also get the possibility to create e-mail addresses and send e-mail messages with your chosen domain. All hosting packages come with a free domain of your own choosing, so you have everything you need to send personalized e-mail.

A domain name is like the address of your house or apartment, and web hosting is like the apartment or house where you live. If you want to start a website, you will need both: a domain that Internet users can use to find your website (wmd.hr, google.com) and hosting, which stores all the data essential for the proper functioning of the website as well as emails.

Yes, of course you can always upgrade to a larger package, just send us a request and we will do it for you in a few minutes, you only pay the price difference for the desired larger package, but in addition we will extend your existing package for a few additional months for free depending on when you request to upgrade to a larger package. If for some reason you want to switch to a smaller package, we can also do it in a few minutes completely free of charge, we do not charge extra for switching to a smaller hosting package.

Yes, security is important to us, and certainly to the visitors of your website. With the hosting package, you also get a free SSL certificate that you can activate independently through the cPanel interface.

Of course, we will be happy to help you with the transfer. Just send us your current hosting information and we will transfer the site immediately or at a time that suits you best. If you have problems with the site and with the current hosting provider you still have time left until the service expires, you do not need to wait for the transfer until the service expires, we will add that remaining period to your account with WMD.

As soon as we receive the payment, the hosting will be activated in a few minutes and we will immediately send you all the information necessary for work. If it is urgent, just send us a copy of the payment and we will immediately activate the hosting.

Of course, you can contact us on Chat support, by phone, tickets, email, Skype... 7/24/365, we are here for you on all holidays and non-working days. In addition, we have prepared for you quite detailed instructions for everything you may need for productive work.

Of course. It doesn't matter what operating system you have on your computer, cPanel supports all operating systems and all well-known and lesser-known programs for creating websites.
We use cPanel on Mac OSX and Windows operating systems, as well as all mobile devices.
cPanel is a simple web administration specially adapted for people who encounter web hosting for the first time, with every function of cPanel there are also video instructions, so even if you get stuck somewhere, help is always at your side.

Yes, of course. If you want, you can buy domains from other domain registrars and point them to your WMD hosting easily through the admin interface or we can do the same for you if needed. However, with WMD you can have all domains and hosting in one place, which we would recommend for simplicity and easier and faster problem solving.

On the WEB HOSTING page, choose the hosting package that suits you best.

1. Click the Add to cart button
2. Fill in all the required information
3. Choose a payment method, you automatically receive an electronic invoice with payment information>
4. After payment, we send you user data with instructions.

We send you the R1 invoice through our online accounting system, through which you will have insight into all the services and web services you have with us at any time, as well as all invoices issued for accounting purposes.

Seliš WordPress stranicu na WMD hosting? Bilo da dolaziš od drugog hosting providera ili premještaš lokalnu instalaciju na produkcijski server, u ovoj uputi pokazujemo kako to napraviti bez gubitka podataka.

Metoda 1: Migracija pomoću plugina (preporučeno)

Najjednostavniji način za većinu korisnika.

Korak 1: Instaliraj plugin na starom hostingu

1. Prijavi se u WordPress admin na starom hostingu
2. Idi na Plugins → Add New
3. Traži All-in-One WP Migration i instaliraj ga
4. Aktiviraj plugin

Korak 2: Eksportiraj stranicu

1. Idi na All-in-One WP Migration → Export
2. Klikni Export To → File
3. Pricekaj da se export završi i preuzmi .wpress datoteku

Korak 3: Postavi čisti WordPress na WMD hostingu

1. Prijavi se u cPanel na WMD hostingu
2. Koristi Softaculous ili WordPress Manager za instalaciju svježeg WordPressa
3. Postavi domenu da pokazuje na WMD nameservere (ako još nije)

Korak 4: Importiraj na novom hostingu

1. Prijavi se u WordPress admin na novom hostingu
2. Instaliraj i aktiviraj All-in-One WP Migration
3. Idi na All-in-One WP Migration → Import
4. Uploada .wpress datoteku
5. Potvrdi import — ovo će prebrisati postojeću instalaciju

Napomena: Besplatna verzija plugina ima limit od 512 MB. Za veće stranice, koristi Metodu 2 ili kontaktiraj nas za pomoć.

Metoda 2: Ručna migracija (FTP + baza)

Za napredne korisnike ili veće stranice.

Korak 1: Eksportiraj bazu podataka sa starog hostinga

1. U cPanelu starog hostinga otvori phpMyAdmin
2. Odaberi WordPress bazu podataka
3. Klikni Export → Quick → Go
4. Preuzmi .sql datoteku

Korak 2: Kopiraj datoteke

1. Spoji se na stari hosting putem FTP-a
2. Preuzmi cijelu public_html mapu (ili mapu u kojoj je WordPress)
3. Spoji se na WMD hosting putem FTP-a
4. Uploada sve datoteke u public_html mapu

Korak 3: Kreiraj bazu na novom hostingu

1. U cPanelu na WMD hostingu idi na MySQL Databases
2. Kreiraj novu bazu i korisnika
3. Dodijeli korisniku sve privilegije na bazi
4. U phpMyAdmin importiraj .sql datoteku u novu bazu

Korak 4: Ažuriraj wp-config.php

U File Manageru otvori wp-config.php i ažuriraj:

• DB_NAME — novo ime baze
• DB_USER — novi korisnik baze
• DB_PASSWORD — nova lozinka
• DB_HOST — obično localhost

Korak 5 (obje metode): Provjera nakon migracije

• Otvori stranicu i provjeri rade li sve stranice, slike i linkovi
• Prijavi se u WordPress admin
• Idi na Settings → Permalinks i klikni Save Changes (osvježava .htaccess)
• Provjeri rade li kontakt forme, WooCommerce i ostali pluginovi
• Testiraj stranicu na mobitelu

DNS promjena

Kad si siguran da sve radi na novom hostingu, promijeni DNS nameservere tvoje domene na WMD servere. Propagacija DNS-a može trajati do 24 sata.

Trebaš pomoć s migracijom? Napravić ćemo to besplatno za tebe — piši na info@wmd.hr.

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.