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.