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:

Idi na GitHub i pronađi repozitorij povezan s Vercel/Netlify projektom
Kloniraj repo: git clone https://github.com/korisnik/projekt.git
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

Otvori terminal u mapi projekta
npm install
npm run build
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

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

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

Kako prebaciti stranicu s Vercela ili Netlifyja na hosting