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:
- Download: U Bolt editoru klikni na ikonu za preuzimanje (ili Export) — dobit ćeš ZIP datoteku s cijelim projektom
- GitHub: Poveži Bolt s GitHubom i pushni projekt u repozitorij — klikni na GitHub ikonu u editoru i slijedi upute
- 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):
- Raspakiraj ZIP ili kloniraj repo na svoje računalo
- Otvori terminal u mapi projekta
npm install— instalira dependencijenpm run build— kreira produkcijske datoteke- Gotove datoteke su u
dist/(Vite) ilibuild/(Create React App) mapi
Za Next.js sa statičkim exportom:
npm installnpm run build- 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
- Usmjeri domenu na WMD hosting (nameserveri ili A record)
- Aktiviraj SSL certifikat u cPanelu
- 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.
