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.