Claude Code je u zadnjih godinu dana postao jedan od najbržih načina da se izgradi web aplikacija. Opisi što želiš, on piše kod, kreira datoteke, pokreće komande. Problem počinje kad treba sve to staviti na pravu adresu — većina tutoriala vode na Vercel, Netlify ili Cloudflare Pages. Ovaj vodič pokriva drugačiji put: deploy Claude Code stranice na WMD hosting kroz cPanel Git Deploy workflow, bez ovisnosti o stranom SaaS-u i bez "free tier" ograničenja koja te kasnije ugrize.

Što Claude Code generira i što s time treba

Ovisno o tome što tražiš od Clauda, dobivaš jedan od nekoliko tipova projekta:

• Statička stranica (HTML + CSS + JavaScript) — najjednostavnije za deploy, ide na bilo koji hosting bez build koraka
• React / Next.js aplikacija — treba Node.js okruženje + build proces
• Vue / Svelte / Astro projekt — slično React-u, treba build
• Backend s API-jem (Express, Hono, Fastify) — treba Node.js process koji stalno radi
• PHP / Laravel projekt — Claude može generirati i PHP, ide direktno na cPanel
• Python / FastAPI / Django — treba Python Selector na cPanel-u

Svaki tip ima nešto drugačiji deploy postupak na WMD-u. Pokrivamo sva četiri najčešća scenarija.

Scenarij 1: Statička stranica iz Clauda

Ako si Claude tražio HTML/CSS/JS landing stranicu, portfolio, blog, ili dokumentaciju — najjednostavniji slučaj.

Korak 1: Build na svom računalu

Otvori Claude Code u terminalu, opisi što želiš:

claude
> Napravi mi modernu portfolio stranicu, jedna stranica, HTML/CSS/JS, dark theme, responsive

Claude generira datoteke u folderu (najčešće index.html, styles.css, script.js, plus slike). Testiraj lokalno otvaranjem index.html u browseru.

Korak 2: Upload na WMD preko File Managera (najbrže)

1. Login u cPanel
2. File Manager → otvori public_html/ folder tvoje domene
3. Upload sve generirane datoteke (drag & drop ili Upload gumb)
4. Otvori domenu u browseru — stranica je live

Trajanje: 3-5 minuta od završetka Clauda do live URL-a.

Korak 3 (preporučeno): Git Deploy umjesto File Managera

Ako planiraš mijenjati sadržaj kasnije (a uvijek planiraš), bolje je postaviti Git repo:

1. Lokalno u folderu Claude projekta: git init, git add ., git commit -m "initial"
2. Push na GitHub / GitLab / Bitbucket
3. cPanel → Git Version Control → Create
4. Unesi repo URL, putanju (npr. /home/korisnik/public_html) i branch (najčešće main)
5. Klikni Create — cPanel kloni repo u public_html
6. Aktiviraj "Auto Deploy on Push" (preko webhook-a iz GitHub-a)

Sad svaki put kad Claude izmijeni datoteke i ti pusheš, stranica se automatski ažurira. Zero downtime, zero manualnog uploada.

Scenarij 2: React / Next.js aplikacija

Claude može napraviti Next.js aplikaciju s puno funkcija. Ima dvije opcije za deploy na WMD:

Opcija A: Static export (najlakše)

Ako tvoja Next.js aplikacija ne treba server-side renderiranje, eksportiraj kao statičke datoteke:

# U next.config.js:
module.exports = {
  output: 'export',
}

# Build i eksport:
npm run build

Dobit ćeš out/ folder s HTML datotekama. Upload taj folder u public_html kao u Scenariju 1.

Opcija B: Node.js Selector na cPanel-u (za SSR)

Ako trebaš server-side rendering, API rute, ili dynamic content:

1. cPanel → Node.js Selector → Create Application
2. Node.js verzija: 20.x ili 22.x (LTS)
3. Application root: /home/korisnik/my-next-app
4. Application URL: tvoja domena
5. Application startup file: server.js (custom Next.js server) ili koristi npm start
6. Push kod kroz Git Deploy ili upload kroz File Manager
7. U Node.js Selector klikni "Run NPM Install"
8. Klikni "Run npm start" ili dodaj startup u panelu
9. Restart application

Tvoja Next.js aplikacija sad radi pod tvojom domenom s punim Node.js okruženjem.

Scenarij 3: PHP / Laravel iz Clauda

Claude može generirati Laravel projekt jednako uspješno kao Next.js. Ovo je idealan slučaj za WMD jer cPanel je nativno PHP okruženje.

Postupak:

1. Lokalno: Claude generira Laravel projekt, ti testiraš s php artisan serve
2. cPanel → Setup Domains — postavi document root na /home/korisnik/laravel-app/public (ne na root foldera)
3. cPanel → MySQL Databases — kreiraj bazu i usera
4. cPanel → Select PHP Version → odaberi 8.3 ili 8.4
5. Git Deploy ili upload Laravel foldera u /home/korisnik/laravel-app/
6. cPanel → Terminal (ili SSH) → cd laravel-app → composer install --no-dev
7. Edit .env — postavi DB credentials, APP_URL, generiraj key (php artisan key:generate)
8. Migriraj bazu: php artisan migrate
9. Otvori domenu — Laravel app je live

Scenarij 4: Python aplikacija (FastAPI, Flask, Django)

Ako si tražio Claude da napravi Python backend:

1. cPanel → Python Selector → Create Application
2. Python verzija: 3.11 ili 3.12
3. Application root: /home/korisnik/python-app
4. Startup file: main.py ili wsgi.py
5. Push kod kroz Git Deploy
6. Python Selector → Run pip install (instalira requirements.txt)
7. Postavi environment variables u panelu (DATABASE_URL, SECRET_KEY itd.)
8. Restart aplikacije

Stvari koje Claude neće sam riješiti

Bez obzira na to što Claude generira odličan kod, ima nekoliko stvari koje trebaš sam:

1. Environment varijable

Claude neće postaviti .env umjesto tebe. Treba ti:

• API ključevi vanjskih servisa (Stripe, OpenAI, Anthropic itd.) — generiraš kod providera
• Database credentials — iz cPanel MySQL panela
• App secrets — sam generiraš jake random vrijednosti

Stavi sve u .env file, nikad ne push-aj na javni Git repo.

2. Database scheme

Claude može napisati migrations, ali stvarna baza se mora kreirati u cPanel-u:

• cPanel → MySQL Databases → Create New Database
• Create New User → dodaj korisnika na bazu sa svim privilegijama
• Connection string u .env: mysql://user:pass@localhost/dbname

3. SSL certifikat

Nakon što je stranica live, aktiviraj HTTPS:

• cPanel → SSL/TLS Status → Run AutoSSL
• Provjeri da je certifikat aktivan za sve poddomene
• Ako koristiš Next.js / Laravel, forsiraj HTTPS preko .htaccess ili config-a

4. Cron jobs

Claude može napisati scheduled task-ove, ali sam ih nećeš pokrenuti. Dodaj ih kroz:

• cPanel → Cron Jobs → Add New Cron Job
• Za Laravel: * * * * * cd /home/korisnik/laravel-app && php artisan schedule:run
• Za Python: 0 * * * * /home/korisnik/python-app/.venv/bin/python /home/korisnik/python-app/job.py

Sigurnosni audit prije nego ode live

Claude generira odličan kod, ali nije savršen. Provjeri prije production-a:

• Input validation: postoje li nezaštićeni forms koji idu direktno u SQL?
• Auth handling: JWT tokeni, session cookies — jesu li pravilno postavljeni?
• API keys u kodu: traži sk-, pk_, AKIA stringove — ne smije ih biti u Git repo-u
• CORS postavke: jesu li otvorene preširoko?
• Rate limiting: ima li ga na javnim endpoint-ima?
• SQL injection vektori: koristi li kod parametrizirane query-je ili string concatenation?

Imunify360 (uključen na WMD-u) detektira većinu poznatih ranjivosti, ali code review prije first deploy-a je dobar refleks.

Performans optimizacija nakon deploy-a

Claude-generirane aplikacije obično rade out-of-box, ali za production treba:

• AccelerateWP ako je WordPress-style sajt (page caching)
• Cloudflare ispred domene — besplatan CDN, smanjuje load na origin
• OPcache aktiviran u Select PHP Version → Options
• Redis za Laravel / Symfony session i cache (cPanel Memcached/Redis ako paket podržava)
• Gzip / Brotli kompresija — aktivirana po defaultu na LiteSpeed

Realna usporedba: WMD vs Vercel za Claude sajt

Vercel ima smisla za rapid prototyping i preview deploys, ali kad stranica naraste i ima realan promet — fixed-cost EU hosting je financijski razumniji.

Koliko vremena traje cijeli deploy

• Statička HTML stranica: 5-10 minuta od Clauda do live URL-a
• Next.js static export: 15-20 minuta (build + upload)
• Next.js sa SSR-om: 30-45 minuta (Node.js Selector setup + dependencies)
• Laravel: 30-45 minuta (composer install + migracije)
• Python: 30-60 minuta (pip install + WSGI config)

Kako započeti

Ako već imaš Claude Code projekt i želiš ga prebaciti na WMD:

1. Otvori klijent portal (klijenti.wmd.hr) i odaberi paket — Webprostor za statiku/PHP, Managed VPS za Next.js SSR ili Python
2. Pošalji nam na hello@wmd.hr tip projekta i mi pripremamo okruženje
3. Daješ Git repo pristup, mi postavljamo Git Deploy + Node.js/Python Selector + bazu
4. Tipično u 1-2 sata stranica je live, ti samo testiraš

Ako tek razmišljaš o prvom Claude projektu — počni sa statičkom stranicom kao test, prijeđi na Next.js ili Laravel kad osjećaš da kontroliraš workflow. Vibe coding je odličan za brzo prototipiranje, a WMD hosting daje stabilnu osnovu kad prototip postane production.