Bolt.new, kao i Lovable, može pushati kod na GitHub. To otvara mogućnost automatskog deploya — svaka promjena u Bolt editoru automatski završi na tvom hostingu. Postavljanje je gotovo identično kao za Lovable, s par specifičnosti.

Kako ovo radi

1. Urediš stranicu u Bolt.new editoru
2. Pushneš promjene na GitHub (Bolt to omogućuje kroz GitHub integraciju)
3. GitHub Actions automatski builda projekt
4. Webhook triggerira cPanel da povuče novi kod
5. Stranica na tvojoj domeni se ažurira

Preduvjeti

• Bolt.new projekt povezan s GitHubom (klikni GitHub ikonu u Bolt editoru)
• WMD hosting paket s cPanel pristupom
• Identificiran tip projekta (React/Vite, Next.js, statična stranica)

Korak 1: Poveži Bolt s GitHubom

1. U Bolt.new editoru klikni na GitHub ikonu
2. Autoriziraj pristup svom GitHub računu
3. Bolt će kreirati novi repozitorij ili se spojiti na postojeći
4. Od sad, svaki "deploy" u Boltu pusha kod na GitHub

Korak 2: Dodaj GitHub Actions workflow

Bolt pushni izvorni kod, ali hosting treba buildane datoteke. Kreiraj .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 Next.js projekte (ako je Bolt generirao Next.js), zamijeni build korake:

      - 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

I dodaj output: 'export' u next.config.js za statički export.

Korak 3: Postavi Git repo u cPanelu

1. U cPanelu: Files → Git™ Version Control → Create
2. Uključi Clone a Repository
3. Clone URL: URL tvog GitHub repozitorija
4. Repository Path: /home/korisnik/repositories/bolt-projekt
5. Klikni Create

Korak 4: Kreiraj .cpanel.yml

Dodaj u root repozitorija:

---
deployment:
  tasks:
    - export DEPLOYPATH=/home/korisnik/public_html/
    - /bin/cp -R dist/* $DEPLOYPATH

Za Next.js projekte zamijeni dist/* s out/*. Zamijeni korisnik sa svojim cPanel korisničkim imenom.

Korak 5: Webhook za automatski deploy

1. U cPanelu kopiraj Pull URL sa stranice repozitorija
2. GitHub → Settings → Webhooks → Add webhook
3. Zalijepi Pull URL, content type application/json
4. Klikni Add webhook

Korak 6: .htaccess za SPA

Za React/Vue SPA projekte dodaj .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>

Razlike između Bolt i Lovable deploya

• Više frameworka: Bolt može generirati Next.js, Vue, Astro — ne samo React. Prilagodi build output mapu u .cpanel.yml
• Push nije automatski: Za razliku od Lovable koji automatski pusha na GitHub, u Boltu moraš ručno pushati (klik na GitHub ikonu). To ti daje više kontrole nad time kad se promjene objavljuju
• StackBlitz: Bolt koristi StackBlitz — možeš otvoriti projekt i u StackBlitz editoru za naprednije izmjene koje Bolt AI ne podržava

Testiraj

1. Napravi promjenu u Bolt editoru i pushni na GitHub
2. Provjeri da je GitHub Actions završio build (tab Actions na GitHubu)
3. Osvježi svoju domenu — promjena bi trebala biti vidljiva za 1–3 minute

Trebaš pomoć s postavljanjem? Javi nam se na info@wmd.hr ili putem live chata — tu smo 24/7.