Vercel in Netlify sta priljubljeni platformi za gostovanje statičnih strani in JAMstack aplikacij. Za začetek sta odlični, vendar se sčasoma cene zvišajo, možnosti, kot so e-pošta na domeni, cPanel in baze podatkov, pa manjkajo. V tem priročniku prikazujemo, kako prenesti projekt iz Vercela ali Netlifyja na lastno gostovanje .

1. korak: Prenesite kodo

Obe platformi se povezujeta z repozitorijem Git – vaša koda je že na GitHubu, GitLabu ali Bitbucketu:

1. Pojdite na GitHub in poiščite repozitorij, povezan s projektom Vercel/Netlify.
2. Kloniraj repozitorij: git clone https://github.com/korisnik/projekt.git
3. Ali pa prenesite poštno datoteko ( Koda → Prenesi poštno datoteko )

Če nimate repozitorija (umestite ga s funkcijo »povleci in spusti« na Netlify), prenesite datoteke neposredno z nadzorne plošče Netlify ali iz brskalnika ( Ogled izvorne kode strani + shranjevanje).

2. korak: Določite vrsto projekta

• Statična stran (HTML/CSS/JS): Naloži neposredno – gradnja ni potrebna
• React/Vite/Vue: Potreben je npm run build — rezultat je mapa dist/ ali build/
• Next.js: Privzeto zahteva strežnik Node.js. Za statični izvoz dodajte output: 'export' v next.config.js in zaženite npm run build – rezultat je v mapi out/
• Gatsby: npm run build — statične datoteke v mapi public/
• Astro: npm run build — statične datoteke v mapi dist/
• Hugo/Jekyll/11ty: Gradnja v skladu z dokumentacijo ogrodja

3. korak: Projekt zgradite lokalno

1. Odprite terminal v mapi projekta
2. npm install
3. npm run build
4. Poiščite izhodno mapo ( dist/ , build/ , out/ , public/ — odvisno od ogrodja)

Spremenljivke okolja: Če vaš projekt uporablja spremenljivke okolja (ključe API itd.), pred zagonom gradnje ustvarite lokalno datoteko .env z enakimi spremenljivkami, kot jih imate v nastavitvah Vercel/Netlify.

4. korak: Nalaganje na gostovanje

Naložite vsebino mape za gradnjo v public_html :

• FTP: FileZilla — povezovanje in kopiranje datotek
• Upravitelj datotek: ZIP, nalaganje v cPanel, ekstrahiranje
• Namestitev Gita: Nastavite nadzor različic Gita v cPanelu in se povežite z istim repozitorijem – zamenjava za samodejno namestitev Vercela/Netlifyja

5. korak: Nastavitev datoteke .htaccess

Za SPA aplikacije (React, Vue) potrebujete .htaccess v public_html :

  RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]  Za statično generirane strani (Gatsby, Astro, statični izvoz Next.js) to običajno ni potrebno, saj ima vsaka pot svojo datoteko HTML.  RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] 

6. korak: Funkcije in obrazci brez strežnika

Vercel in Netlify ponujata funkcije brez strežnika in vgrajene obrazce. Na klasičnem gostovanju:

• Brezstrežniške funkcije: Prepišite jih v PHP skripte – večina izvaja operacije CRUD ali API proxyje, ki so v PHP trivialni
• Netlify Forms: Zamenjajte z obrazcem PHP ali storitvijo, kot je Formspree
• Vercel Analytics: Zamenjajte z brezplačnim Google Analytics ali Matomo
• ISR/SSR v Next.js: Če uporabljate upodabljanje na strani strežnika, boste potrebovali VPS z Node.js ali preklopite na statični izvoz.

7. korak: Preusmerite domeno

1. Odstranite domeno po meri v nastavitvah Vercel/Netlify
2. Usmerite svojo domeno na gostovanje WMD – spremenite imenske strežnike ali zapis A
3. Aktivirajte SSL potrdilo v cPanelu

Potrebujete pomoč pri prenosu? Kontaktirajte nas na info@wmd.hr ali prek klepeta v živo – tukaj smo 24 ur na dan, 7 dni v tednu.