Wenn Sie eine Website erstellen und ins Internet stellen möchten, benötigen Sie Hosting, also Speicherplatz auf einem Server oder Server, auf dem Sie Ihre Website speichern können. Denn genau wie Sie ein Dokument auf Ihrem Computer speichern, muss auch Ihre Website irgendwo gespeichert werden. Um sicherzustellen, dass Ihre Website immer verfügbar ist, ist es notwendig, sie auf einem Server in einem Rechenzentrum zu speichern. Dazu müssen Sie sich an Hosting-Dienstleister wie WMD wenden. Mit WMD haben Sie alles, was Sie für das Web benötigen, an einem Ort, einschließlich Hosting.

Bei der Bestellung können Sie eine 7-tägige Testphase anfordern. Geben Sie dazu einfach Ihren Testwunsch in den zusätzlichen Bestellinformationen an.

Bei der Bestellung eines WMD Webhosting-Pakets erhalten Sie 1 Jahr Webspace gratis, bezahlen 12 Monate und nutzen ihn 24 Monate lang.

Neben einem Jahr kostenlosem Hosting erhalten Sie auch die TLD-Domain für das erste Jahr sowie eine SEO-gezielte Registrierung in allen gängigen Websuchmaschinen kostenlos. Wir beschäftigen uns mit zielgerichtetem Internetmarketing, daher können Sie sicher sein, dass wir es richtig machen.

Sie erhalten außerdem ein kostenloses Web-Billboard im Wert von 150 €. Dabei handelt es sich um eine weltweit einzigartige Web-Werbung, die wir entworfen haben und über die in mehreren Wirtschaftszeitungen berichtet wurde.
Zusätzlich erhalten Sie je nach gewähltem Paket 1 PR-Veröffentlichung auf unseren über 130 Stadt-/Regionalportalen im Wert von 390,- €.

Mit dem START-Hosting-Paket können Sie bis zu 3 Websites oder Domänen hosten – ein toller Einstieg mit einer 1+1-AKTION! Die meisten Benutzer wählen dieses Hosting-Paket. Wenn Sie mehr oder weniger Websites verwalten möchten, haben wir Hosting-Pakete, die das ermöglichen. Wählen Sie einfach dasjenige aus, das am besten zu Ihnen passt.

Ja, natürlich erhalten Sie beim Hosting auch die Möglichkeit, E-Mail-Adressen anzulegen und E-Mail-Nachrichten mit Ihrer gewählten Domain zu versenden. Alle Hosting-Pakete beinhalten eine kostenlose Domain Ihrer Wahl, sodass Sie alles haben, was Sie zum Versenden personalisierter E-Mails benötigen.

Ein Domänenname ist wie die Adresse Ihres Hauses oder Ihrer Wohnung, und Webhosting ist wie die Wohnung oder das Haus, in dem Sie leben. Wenn Sie eine Website starten möchten, benötigen Sie beides: eine Domäne, über die Internetnutzer Ihre Website finden können (wmd.hr, google.com) und ein Hosting, das alle für das ordnungsgemäße Funktionieren der Website sowie E-Mails erforderlichen Daten speichert.

Ja, natürlich können Sie jederzeit auf ein größeres Paket upgraden. Senden Sie uns einfach eine Anfrage und wir erledigen das in wenigen Minuten für Sie. Sie zahlen nur die Preisdifferenz für das gewünschte größere Paket, aber zusätzlich verlängern wir Ihr bestehendes Paket kostenlos um einige weitere Monate, je nachdem, wann Sie das Upgrade auf ein größeres Paket anfordern. Wenn Sie aus irgendeinem Grund auf ein kleineres Paket umsteigen möchten, können wir das auch in wenigen Minuten völlig kostenlos erledigen. Wir berechnen keine zusätzlichen Gebühren für den Wechsel auf ein kleineres Hosting-Paket.

Ja, Sicherheit ist uns wichtig, und natürlich auch den Besuchern Ihrer Website. Mit dem Hosting-Paket erhalten Sie außerdem ein kostenloses SSL-Zertifikat, das Sie über die cPanel-Oberfläche selbst aktivieren können.

Natürlich helfen wir Ihnen gerne bei der Übertragung. Senden Sie uns einfach Ihre aktuellen Hosting-Informationen und wir übertragen die Site sofort oder zu einem für Sie passenden Zeitpunkt. Wenn Sie Probleme mit der Site haben und beim aktuellen Hosting-Anbieter noch Zeit bis zum Ablauf des Dienstes übrig ist, müssen Sie mit der Übertragung nicht bis zum Ablauf des Dienstes warten, wir fügen diese verbleibende Zeit Ihrem Konto bei WMD hinzu.

Sobald die Zahlung bei uns eingegangen ist, wird das Hosting innerhalb weniger Minuten aktiviert und wir senden Ihnen umgehend alle für die Arbeit erforderlichen Informationen zu. Wenn es dringend ist, senden Sie uns einfach eine Kopie der Zahlung und wir aktivieren das Hosting umgehend.

Natürlich können Sie uns per Chat-Support, Telefon, Ticket, E-Mail, Skype usw. erreichen. Wir sind 24/7/365 an allen Feiertagen und arbeitsfreien Tagen für Sie da. Darüber hinaus haben wir für Sie ausführliche Anweisungen für alles vorbereitet, was Sie für produktives Arbeiten benötigen.

Natürlich. Es spielt keine Rolle, welches Betriebssystem Sie auf Ihrem Computer haben, cPanel unterstützt alle Betriebssysteme und alle bekannten und weniger bekannten Programme zum Erstellen von Websites.
Wir verwenden cPanel auf Mac OSX- und Windows-Betriebssystemen sowie auf allen Mobilgeräten.
cPanel ist eine einfache Webverwaltung, die speziell für Personen angepasst ist, die zum ersten Mal mit Webhosting in Berührung kommen. Zu jeder Funktion von cPanel gibt es auch Videoanleitungen, sodass Ihnen immer Hilfe zur Seite steht, selbst wenn Sie irgendwo nicht weiterkommen.

Ja, natürlich. Wenn Sie möchten, können Sie Domänen von anderen Domänenregistraren kaufen und sie über die Administratoroberfläche ganz einfach auf Ihr WMD-Hosting verweisen, oder wir können das bei Bedarf auch für Sie erledigen. Mit WMD können Sie jedoch alle Domänen und das Hosting an einem Ort haben, was wir der Einfachheit halber und zur einfacheren und schnelleren Problemlösung empfehlen würden.

Wählen Sie auf der Seite WEBHOSTING das Hosting-Paket aus, das am besten zu Ihnen passt.

1. Klicken Sie auf die Schaltfläche In den Warenkorb
2. Füllen Sie alle erforderlichen Informationen aus
3. Wählen Sie eine Zahlungsmethode, Sie erhalten automatisch eine elektronische Rechnung mit Zahlungsinformationen>
4. Nach Zahlungseingang senden wir Ihnen Benutzerdaten mit Anweisungen zu.

Die R1-Rechnung stellen wir Ihnen über unsere Online-Buchhaltung zu, über die Sie jederzeit Einblick in alle von Ihnen bei uns in Anspruch genommenen Leistungen und Webdienste sowie alle zu Buchhaltungszwecken ausgestellten Rechnungen haben.

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.