V zadnjem letu je Claude Code postal eden najhitrejših načinov za izdelavo spletnih aplikacij. Opišite, kaj želite, on napiše kodo, ustvari datoteke, izvede ukaze. Težava se začne, ko morate vse skupaj postaviti na pravi naslov – večina vadnic vodi do Vercel, Netlify ali Cloudflare Pages. Ta vodnik zajema drugačno pot: namestitev strani Claude Code na gostovanje WMD prek poteka dela cPanel Git Deploy, brez odvisnosti od tujega SaaS in brez omejitev "free tier", ki vas kasneje grizejo.
Kaj ustvari Claude Code in kaj storiti z njim
Glede na to, kaj prosite Clauda, dobite eno od več vrst projektov:
- Statična stran (HTML + CSS + JavaScript) – najlažja za namestitev, deluje na katerem koli gostovanju brez koraka gradnje
- Aplikacija React / Next.js — zahteva okolje Node.js + postopek gradnje
- Projekt Vue / Svelte / Astro — podoben Reactu, potrebuje izgradnjo
- Backend z API-jem (Express, Hono, Fastify) – potrebuje proces Node.js, ki deluje ves čas
- Projekt PHP / Laravel — Claude lahko tudi generira PHP, gre neposredno v cPanel
- Python / FastAPI / Django — potrebuje Python Selector na cPanelu
Vsaka vrsta ima nekoliko drugačen postopek namestitve na orožje za množično uničevanje. Obravnavali bomo vse štiri najpogostejše scenarije.
Scenarij 1: Statična stran iz oblaka
Če bi Claude iskal ciljno stran HTML/CSS/JS, portfelj, blog ali dokumentacijo – najpreprostejši primer.
1. korak: Zgradite na svojem računalniku
Odprite Claude Code v terminalu in opišite, kaj želite:
claude > Napravi mi modernu portfolio stranicu, jedna stranica, HTML/CSS/JS, dark theme, responsive Claude ustvari datoteke v mapi (najpogosteje index.html , styles.css , script.js in slike). Preizkusite lokalno tako, da odprete index.html v brskalniku.
2. korak: Nalaganje v WMD prek upravitelja datotek (najhitrejše)
- Prijava v cPanel
- Upravitelj datotek → odprite
public_html/vaše domene - Naložite vse ustvarjene datoteke (povleci in spusti ali gumb Naloži)
- Odprite domeno v brskalniku – stran je aktivna
Trajanje: 3–5 minut od dokončanja v oblaku do objave URL-ja.
3. korak (priporočeno): Git Deploy namesto File Managerja
Če nameravate vsebino kasneje spremeniti (in to vedno storite), je bolje, da ustvarite repozitorij Git:
- Lokalno v mapi projekta Claude:
git init,git add .,git commit -m "initial" - Pošlji na GitHub / GitLab / Bitbucket
- cPanel → Nadzor različic Gita → Ustvari
- Vnesite URL repozitorija, pot (npr.
/home/korisnik/public_html) in vejo (najpogostejemain) - Kliknite Ustvari – cPanel premakne repozitorij v public_html
- Aktivirajte »Samodejno uvajanje ob potisku« (prek spletnega kavlja iz GitHuba)
Zdaj se stran samodejno posodobi vsakič, ko Claude spremeni datoteko in jo pritisnete. Nič izpadov, nič ročnega nalaganja.
Scenarij 2: Aplikacija React / Next.js
Claude lahko ustvari aplikacijo Next.js s številnimi funkcijami. Za uvajanje na WMD obstajata dve možnosti:
Možnost A: Statični izvoz (najlažje)
Če vaša aplikacija Next.js ne potrebuje upodabljanja na strani strežnika, izvozite kot statične datoteke:
# U next.config.js: module.exports = { output: 'export', } # Build i eksport: npm run build Dobili boste out/ z datotekami HTML. Naložite to mapo v public_html kot v scenariju 1.
Možnost B: Izbirnik Node.js na nadzorni plošči cPanel (za SSR)
Če potrebujete upodabljanje na strani strežnika, poti API ali dinamično vsebino:
- cPanel → Izbirnik Node.js → Ustvari aplikacijo
- Različica Node.js: 20.x ali 22.x (LTS)
- Koren aplikacije:
/home/korisnik/my-next-app - URL aplikacije: vaša domena
- Zagonska datoteka aplikacije:
server.js(strežnik Next.js po meri) ali uporabitenpm start - Pošlji kodo prek Git Deploy ali naloži prek File Managerja
- V izbirniku Node.js kliknite »Zaženi namestitev NPM«
- Kliknite »Zaženi npm start« ali dodajte zagon v plošči
- Znova zaženite aplikacijo
Vaša aplikacija Next.js se zdaj izvaja v vaši domeni s polnim okoljem Node.js.
Scenarij 3: PHP / Laravel iz oblaka
Claude lahko ustvari projekt Laravel prav tako uspešno kot Next.js. To je idealen primer za WMD, ker je cPanel izvorno okolje PHP.
Postopek:
- Lokalno: Claude ustvari projekt Laravel, vi pa ga preizkusite s
php artisan serve - cPanel → Nastavitev domen — korensko mapo dokumenta nastavite na
/home/korisnik/laravel-app/public(ne korenske mape) - cPanel → Podatkovne baze MySQL — ustvarjanje podatkovne baze in uporabnika
- cPanel → Izberite različico PHP → izberite 8.3 ali 8.4
- Namestitev Git-a ali nalaganje mape Laravel v
/home/korisnik/laravel-app/ - cPanel → Terminal (ali SSH) →
cd laravel-app→composer install --no-dev - Urejanje
.env— nastavitev poverilnic za zbirko podatkov, URL_APP, generiranje ključa (php artisan key:generate) - Migracija baze podatkov:
php artisan migrate - Odprta domena — aplikacija Laravel je objavljena
Scenarij 4: Aplikacija Python (FastAPI, Flask, Django)
Če bi Clauda prosili, naj zgradi zaledni sistem za Python:
- cPanel → Izbirnik Pythona → Ustvari aplikacijo
- Različica Pythona: 3.11 ali 3.12
- Koren aplikacije:
/home/korisnik/python-app - Zagonska datoteka:
main.pyaliwsgi.py - Pošlji kodo prek Git Deploy
- Izbirnik Pythona → Zaženi pip install (installs requirements.txt)
- Nastavite spremenljivke okolja v plošči (DATABASE_URL, SECRET_KEY itd.)
- Znova zaženite aplikacijo
Stvari, ki jih Claude ne bo rešil sam
Čeprav Claude ustvarja odlično kodo, morate nekaj stvari narediti sami:
1. Spremenljivke okolja
Claude vam ne bo nastavil datoteke .env . Potrebujete:
- API ključi zunanjih storitev (Stripe, OpenAI, Anthropic itd.) – generirani s strani ponudnika
- Poverilnice baze podatkov – iz nadzorne plošče MySQL v cPanelu
- Skrivnosti aplikacij – sami ustvarite močne naključne vrednosti
Vse shranite v datoteko .env , nikoli ne potiskajte v javni Git repozitorij.
2. Shema baze podatkov
Claude lahko piše migracije, vendar mora biti dejanska baza podatkov ustvarjena v cPanelu:
- cPanel → Podatkovne baze MySQL → Ustvari novo podatkovno bazo
- Ustvari novega uporabnika → dodaj uporabnika v bazo podatkov z vsemi privilegiji
- Povezovalni niz v
.env:mysql://user:pass@localhost/dbname
3. SSL-potrdilo
Ko je spletno mesto objavljeno, aktivirajte HTTPS:
- cPanel → Stanje SSL/TLS → Zaženi AutoSSL
- Preverite, ali je potrdilo aktivno za vse poddomene
- Če uporabljate Next.js / Laravel, vsilite HTTPS prek
.htaccessali config
4. Cron opravila
Claude lahko piše načrtovane naloge, vendar jih ne boste sami izvajali. Dodajte jih prek:
- cPanel → Cron opravila → Dodaj novo Cron opravilo
- 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
Varnostni pregled pred objavo
Claude ustvari odlično kodo, vendar ni popolna. Pred produkcijo preverite:
- Preverjanje vnosa: ali obstajajo nezaščiteni obrazci, ki se neposredno vnesejo v SQL?
- Obravnava avtorizacije: žetoni JWT, piškotki seje – ali so pravilno nastavljeni?
- Ključi API-ja v kodi: poiščite nize
sk-,pk_,AKIA– ne smejo biti v repozitoriju Git. - Nastavitve CORS: ali so preširoko odprte?
- Omejitev hitrosti: ali je na voljo na javnih končnih točkah?
- Vektorji SQL injekcije: ali koda uporablja parametrizirane poizvedbe ali združevanje nizov?
Imunify360 (vključen v WMD) zazna večino znanih ranljivosti, vendar je pregled kode pred prvo uvedbo dober refleks.
Optimizacija delovanja po uvedbi
Aplikacije, ki jih generira Claude, običajno delujejo takoj, za produkcijo pa potrebujete:
- AccelerateWP , če gre za spletno mesto v slogu WordPressa (predpomnjenje strani)
- Cloudflare pred domeno – brezplačen CDN, zmanjšuje obremenitev izvora
- OPcache aktiviran v Izberite različico PHP → Možnosti
- Redis za sejo in predpomnilnik Laravel/Symfony (cPanel Memcached/Redis, če paket to podpira)
- Stiskanje Gzip / Brotli – privzeto omogočeno na LiteSpeed
Prava primerjava: WMD proti Vercelu za lokacijo Claude
| Vercelli | OMU | |
|---|---|---|
| Omejitev brezplačne stopnje | 100 GB pasovne širine, 100 ur gradnje/mesec | Brez brezplačne stopnje, ampak fiksna cena |
| Cena za proizvodnjo | 20–150 EUR/mesec, odvisno od prometa | 10–30 EUR/mesec fiksno |
| Gostovanje e-pošte | Nobena | Na (info@, kontakt@ itd.) |
| Zbirka podatkov | Zunanji (Supabase, Neon) | MariaDB omogočena |
| Lokacija strežnika | Globalna prednost (zaželeno za ZDA) | EU (Hrvaška) |
| Podpora, ko gre kaj narobe | E-poštna prijavnica, počasno | 24/7/365 hrvaščina |
| Skladnost z GDPR / EU | Zapleti s ploščatoceličnim karcinomom (SCC) | Standardno |
Vercel je smiseln za hitro izdelavo prototipov in predogledne uvedbe, ko pa spletno mesto raste in ima dejanski promet, je gostovanje v EU s fiksnimi stroški finančno bolj smiselno.
Koliko časa traja celotna uvedba?
- Statična HTML stran: 5–10 minut od oblaka do aktivnega URL-ja
- Statični izvoz Next.js: 15–20 minut (gradnja + nalaganje)
- Next.js z SSR: 30–45 minut (nastavitev izbirnika Node.js + odvisnosti)
- Laravel: 30–45 minut (namestitev skladatelja + migracije)
- Python: 30–60 minut (namestitev pipa + konfiguracija WSGI)
Kako začeti
Če že imate projekt Claude Code in ga želite prenesti v WMD:
- Odprite portal za stranke ( klijenti.wmd.hr ) in izberite paket – Spletni prostor za statični/PHP, Upravljani VPS za Next.js SSR ali Python
- Pošljite nam tip projekta na hello@wmd.hr in pripravili bomo okolje.
- Vi omogočite dostop do Git repozitorija, mi pa nastavimo Git Deploy + Node.js/Python Selector + bazo podatkov.
- Običajno je spletno mesto v živo v 1-2 urah, vi ga še testirate.
Če šele razmišljate o svojem prvem projektu Claude – začnite s statično stranjo kot testom, nato pa preklopite na Next.js ali Laravel, ko boste menili, da imate nadzor nad potekom dela. Kodiranje Vibe je odlično za hitro izdelavo prototipov, gostovanje WMD pa zagotavlja stabilno osnovo, ko prototip postane produkcijski.