Bolt.new je platforma umetne inteligence za ustvarjanje spletnih aplikacij – podobna Lovable, vendar z večjo prilagodljivostjo pri izbiri tehnologije. Lahko ustvari projekte React, Next.js, Vue, Astro in druge. V tem priročniku prikazujemo, kako prenesti projekt Bolt in ga prenesti na lastno gostovanje .
1. korak: Prenesite kodo z Bolt.new
Bolt ponuja več načinov za izvoz projekta:
- Prenos: V urejevalniku Bolt kliknite ikono za prenos (ali Izvozi ) – dobili boste ZIP datoteko s celotnim projektom.
- GitHub: Povežite Bolt z GitHubom in potisnite projekt v repozitorij – kliknite ikono GitHub v urejevalniku in sledite navodilom.
- StackBlitz: Bolt uporablja StackBlitz v ozadju – projekt lahko odprete v StackBlitzu in ga prenesete od tam.
2. korak: Preverite vrsto projekta
Preden začnete z gradnjo, je pomembno vedeti, kaj vam je Bolt ustvaril:
- Statična stran (HTML/CSS/JS): Naložite jo lahko neposredno – gradnja ni potrebna
- Projekt React/Vite: Potrebna je gradnja — rezultat so statične datoteke v mapi
dist/ - Projekt Next.js: Zahteva posebno konfiguracijo – Next.js privzeto zahteva strežnik Node.js. Za statični izvoz dodajte v
next.config.js:output: 'export' - PHP projekt: Naložite neposredno na gostovanje – gradnja ni potrebna
3. korak: Zgradite projekt
Za projekte React/Vite (najpogostejši rezultat iz Bolta):
- Razpakirajte ZIP datoteko ali klonirajte repozitorij na svoj računalnik
- Odprite terminal v mapi projekta
-
npm install– namesti odvisnosti -
npm run build— ustvari produkcijske datoteke - Končane datoteke so v mapi
dist/(Vite) alibuild/(Create React App).
Za Next.js s statičnim izvozom:
-
npm install -
npm run build - Končane datoteke so v mapi
out/.
4. korak: Nalaganje na gostovanje
Naložite vsebino mape za gradnjo ( dist/ , build/ ali out/ ) v public_html :
- FTP: Uporabite FileZillo – povežite se s strežnikom in kopirajte datoteke
- Upravitelj datotek: Stisnite mapo za izdelavo v ZIP, naložite v cPanel in razpakirajte v
public_html - Namestitev v Gitu: Nastavite nadzor različic Gita v cPanelu za samodejno namestitev iz repozitorijev GitHub
5. korak: Konfigurirajte .htaccess za usmerjanje SPA
Če je projekt React ali Vue SPA (enostranična aplikacija), potrebujete .htaccess v public_html :
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]6. korak: Podatkovna bazaRewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]
Odvisno od tega, kaj projekt Bolt uporablja za zaledno okolje:
- Supabase: Še naprej uporabljajte Supabase kot zunanjo storitev – vmesnik na vašem gostovanju, baza podatkov na Supabase. Ni vam treba ničesar spreminjati.
- Firebase: Enako kot Supabase – zunanja storitev, deluje brez sprememb.
- Prilagojeni backend: Če je Bolt ustvaril Node.js/Express backend, ga boste morali za klasično gostovanje prepisati v PHP ali pa razmisliti o VPS/namenskem strežniku , ki podpira Node.js.
7. korak: Domena in SSL
- Usmerite domeno na gostovanje WMD (imenski strežniki ali zapis A)
- Aktivirajte SSL potrdilo v cPanelu
- Preizkusite spletno mesto na novi domeni
Potrebujete pomoč pri migraciji vašega Bolt projekta? Kontaktirajte nas na info@wmd.hr ali prek klepeta v živo – tukaj smo 24 ur na dan, 7 dni v tednu.