Bolt.new lahko, tako kot Lovable, naloži kodo na GitHub. To odpira možnost samodejnega nameščanja – vsaka sprememba v urejevalniku Bolt se samodejno prenese na vaše gostovanje . Nastavitev je skoraj enaka kot pri Lovable, z nekaj posebnostmi.

Kako to deluje

1. Uredite stran v urejevalniku Bolt.new
2. Spremembe pošljete na GitHub (Bolt to omogoča prek integracije z GitHubom)
3. Dejanja GitHub samodejno zgradijo projekt
4. Spletni kavelj sproži cPanel, da potegne novo kodo
5. Stran na vaši domeni se posodablja.

Predpogoji

• Projekt Bolt.new povezan z GitHubom (kliknite ikono GitHuba v urejevalniku Bolt)
• Paket gostovanja WMD z dostopom do cPanela
• Določena vrsta projekta (React/Vite, Next.js, statična stran)

1. korak: Povežite Bolt z GitHubom

1. V urejevalniku Bolt.new kliknite ikono GitHub
2. Pooblastite dostop do svojega računa GitHub
3. Bolt bo ustvaril novo skladišče ali se združil z obstoječim
4. Od zdaj naprej vsaka "uvedba" v Boltu potisne kodo na GitHub

2. korak: Dodajte potek dela dejanj GitHub

Bolt pošilja izvorno kodo, vendar gostovanje potrebuje datoteke za gradnjo. Ustvarite .github/workflows/build.yml :

 name: Build and Deploy on: push: branches: [main] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: '20' - run: npm install - run: npm run build - run: || git config user.name "GitHub Actions" git config user.email "actions@github.com" git add dist/ -f git commit -m "Auto build" || exit 0 git push Za projekte Next.js name: Build and Deploy on: push: branches: [main] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: '20' - run: npm install - run: npm run build - run: || git config user.name "GitHub Actions" git config user.email "actions@github.com" git add dist/ -f git commit -m "Auto build" || exit 0 git push

(če je Bolt ustvaril Next.js), zamenjajte korake gradnje:

 - run: npm run build - run: || git config user.name "GitHub Actions" git config user.email "actions@github.com" git add out/ -f git commit -m "Auto build" || exit 0 git push In dodajte - run: npm run build - run: || git config user.name "GitHub Actions" git config user.email "actions@github.com" git add out/ -f git commit -m "Auto build" || exit 0 git push

output: 'export' v next.config.js za statični izvoz.

3. korak: Nastavite repozitorij Git v cPanelu

1. V cPanelu: Datoteke → Nadzor različic Git™ → Ustvari
2. Omogoči kloniranje repozitorija
3. URL klona: URL vašega repozitorija GitHub
4. Pot do repozitorija: /home/korisnik/repositories/bolt-projekt
5. Kliknite Ustvari.

4. korak: Ustvarite datoteko .cpanel.yml

Dodaj v korenski repozitorij:

 --- deployment: tasks: - export DEPLOYPATH=/home/korisnik/public_html/ - /bin/cp -R dist/* $DEPLOYPATH Za projekte Next.js zamenjajte --- deployment: tasks: - export DEPLOYPATH=/home/korisnik/public_html/ - /bin/cp -R dist/* $DEPLOYPATH

dist/* brez out/* . Zamenjajte korisnik z vašim uporabniškim imenom cPanel.

5. korak: Spletni kavelj za samodejno uvajanje

1. V cPanel kopirajte URL za vlečenje s strani repozitorija
2. GitHub → Nastavitve → Spletni kavelj → Dodaj spletni kavelj
3. Prilepi URL za vlečenje, tip vsebine application/json
4. Kliknite Dodaj spletni kavelj

6. korak: .htaccess za SPA

Za projekte React/Vue SPA dodajte .htaccess v public_html :

  RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]  Razlike med uvajanjem Bolt in Lovable  RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] 

• Več ogrodji: Bolt lahko ustvari Next.js, Vue, Astro – ne le React. Prilagodite mapo z izhodnimi podatki za gradnjo v .cpanel.yml
• Objava ni samodejna: Za razliko od Lovable, ki samodejno objavi spremembe na GitHub, morate v Boltu objavo izvesti ročno (kliknite na ikono GitHub). To vam daje večji nadzor nad tem, kdaj so spremembe objavljene.
• StackBlitz: Bolt uporablja StackBlitz – projekt lahko odprete tudi v urejevalniku StackBlitz za naprednejše spremembe, ki jih Bolt AI ne podpira.

Preizkus

1. Spremembo naredite v urejevalniku Bolt in jo pošljite na GitHub.
2. Preverite, ali je GitHub Actions dokončal gradnjo (zavihek Actions na GitHubu).
3. Osvežite svojo domeno – sprememba bi morala biti vidna v 1–3 minutah

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