Največje število programerjev vibe je leta 2026 začelo s ChatGPT. Prosite ga "naredi mi ciljno stran za mojo kavarno", on vam v klepetu napiše HTML/CSS/JS, vi prekopirate kodo v datoteke in - kaj zdaj? Ta vodnik zajema celotno pot od sporočila ChatGPT do vaše domene na gostovanju WMD, vključno s situacijami, ko ChatGPT ustvari aplikacijo React, PHP backend ali temo WordPress.

Kako ChatGPT generira kodo – trije scenariji

ChatGPT (kot GPT-5 v novejših različicah) lahko vrne kodo v treh oblikah:

1. Bloki kode v klepetu – vsak blok kopirate v ločeno datoteko
2. Platno / artefakt — ChatGPT ohrani kodo v urejevalniku na desni, izvozite ZIP datoteko
3. Agent kode Codex CLI / GPT-5 — ChatGPT neposredno zapisuje datoteke v vašo lokalno mapo

Vsak ima nekoliko drugačen potek dela za uvajanje. Pokrivamo vse tri.

Scenarij 1: Koda v sporočilu klepeta

Najpogostejši primer. Vprašate "naredi mi preprosto spletno trgovino", in dobite:

• Blok index.html
• Blok styles.css
• Blokiraj script.js
• Morda nekaj dodatnih blokov za posamezne strani

1. korak: Ustvarite projekt v računalniku

Odprite kateri koli urejevalnik besedil (VS Code, Sublime, celo Notepad++). Ustvarite mapo, npr. moj-shop . Ustvarite datoteke z natančnimi imeni, ki jih omenja ChatGPT, in kopirajte kodo iz vsakega bloka kode v ustrezno datoteko.

Pomembno: imena datotek morajo biti enaka tistim, na katere se ChatGPT sklicuje v HTML-ju ( se mora ujemati z datoteko styles.css , ne stil.css ).

2. korak: Lokalno testiranje

Odprite index.html v brskalniku (Chrome ali Firefox). Če vizualno vse deluje, nadaljujemo z uvajanjem. Če kateri koli del manjka ali je pokvarjen, se vrnite v ChatGPT in vprašajte »popravi pokvarjen X«, nato pa kopirajte novo kodo.

3. korak: Nalaganje v WMD – najhitrejša metoda

Za statično stran (samo HTML/CSS/JS, brez logike zalednega sistema):

1. Prijava v cPanel
2. Upravitelj datotek → odprite public_html/ vaše domene
3. Povlecite in spustite vse datoteke in mape v okno brskalnika
4. Odprite domeno v brskalniku – stran je aktivna

Trajanje: 5–10 minut od sporočila ChatGPT do aktivnega URL-ja.

Scenarij 2: Platno ChatGPT (artefakti)

ChatGPT v najnovejših različicah odpre ploščo Canvas za večje projekte. Tukaj lahko:

• Oglejte si vse datoteke v drevesni strukturi
• Urejanje neposredno v brskalniku
• Izvozite celoten projekt kot ZIP datoteko

Postopek uvajanja:

1. V podoknu ChatGPT Canvas kliknite »Prenesi« ali »Izvozi ZIP«
2. Lokalno razpakirajte ZIP
3. cPanel → Upravitelj datotek → public_html → Naloži ZIP datoteko
4. Desni klik na ZIP → Izvleči
5. Odprta domena — spletno mesto je aktivno

To je bistveno hitreje kot kopiranje blok za blokom, ker ChatGPT ve, kako pravilno strukturirati projekt.

Scenarij 3: Agent kode Codex CLI / GPT-5

Če uporabljate ChatGPT Pro ali Plus s funkcionalnostjo Codex / Code Agent, lahko ChatGPT neposredno zapisuje v vašo lokalno mapo prek orodja CLI:

 codex > Napravi mi Astro stranicu za moj portfolio s dark mode

Codex ustvari projekt, zažene ukaz npm install in končan projekt pusti v vaši mapi. Postopek sledi:

1. Lokalno: npm run build — ustvari dist/ s produkcijskimi datotekami
2. cPanel → Upravitelj datotek → public_html
3. Naloži vso vsebino mape dist/ (ne same mape, ampak vsebino)
4. Odprta domena — Spletna stran Astro je objavljena

Alternativa: namesto nalaganja nastavite repozitorij Git in Git Deploy (glejte naslednji razdelek).

Git Deploy – priporočljivo za vse različice nad prvim testom

Kateri koli od zgornjih treh scenarijev je mogoče nadgraditi z Git Deploy. Razlog: takoj ko začnete spreminjati stran (in boste), postane nalaganje v Upravitelj datotek frustrirajoče. Git Deploy vse avtomatizira.

Nastavitev:

1. Lokalno: git init v mapi projekta
2. Ustvarite .gitignore (Claude/ChatGPT jo lahko napiše): izključite node_modules , .env , dist/ če ni potrebno
3. git add . in git commit -m "first deploy"
4. Pošlji na GitHub / GitLab / Bitbucket (brezplačen zasebni repozitorij)
5. cPanel → Nadzor različic Gita → Ustvari
6. URL repozitorija: URL HTTPS vašega repozitorija (ali SSH, če uporabljate ključ)
7. Pot do repozitorija: /home/korisnik/public_html (ali kamor koli ga je treba shraniti)
8. Podružnica: main
9. Kliknite Ustvari – cPanel klonira repozitorij
10. Aktivirajte spletni kavelj iz GitHuba – zdaj vsak push sproži uvajanje

Potek dela po tem: spremeni datoteko → potrdi → potisni → 30 sekund kasneje objavi v domeni.

Kaj pa, če ChatGPT ustvari zaledni sistem

Če iščete »ustvari mi trgovino z bazo podatkov in skrbniškim delom« – ChatGPT običajno izbere:

• Node.js + Express + SQLite (najpogosteje za prototipe)
• Next.js z API potmi + Prisma + PostgreSQL (sodobnejši)
• PHP + MySQL (klasično, najhitrejše na cPanelu)
• Laravel (če ga izrecno zahtevate)

Uvajanje Node.js + Express:

1. cPanel → Izbirnik Node.js → Ustvari aplikacijo
2. Različica vozlišča: 20.x ali 22.x
3. Korenska mapa aplikacije: kam boste postavili projekt (npr. /home/korisnik/express-app )
4. URL aplikacije: vaša domena ali poddomena
5. Zagonska datoteka: index.js ali server.js (kar ChatGPT ustvari kot vstopno točko)
6. Uvajanje ali nalaganje kode v Git
7. V podoknu kliknite »Zaženi namestitev NPM«
8. Nastavite spremenljivke okolja (DATABASE_URL, PORT itd.)
9. Znova zaženite aplikacijo

Uvajanje PHP + MySQL:

1. cPanel → Podatkovne baze MySQL → Ustvari novo podatkovno bazo (npr. moj_shop )
2. Ustvari novega uporabnika → dodaj v bazo podatkov z vsemi privilegiji
3. cPanel → phpMyAdmin → Uvoz SQL-a, ki ga generira ChatGPT (tabele, podatki)
4. Naložite datoteke PHP v public_html
5. Uredite config.php (ali kjer koli je povezovalni niz) – nastavite poverilnice WMD MySQL
6. cPanel → Izberite različico PHP → 8.3 (ali novejšo)
7. Odprta domena — aplikacija PHP je objavljena

Najpogostejše napake in kako se jim izogniti

1. Absolutne poti namesto relativnih

ChatGPT včasih namesto styles.css zapiše /Users/ime/desktop/projekt/styles.css . Deluje lokalno, ne pa na strežniku. Vprašajte ChatGPT: "spremeni vse poti v relativne, ne absolutne".

2. Povezave CDN so zavrnjene zaradi CORS

Če ChatGPT uporablja zunanji CDN za pisave ali vtičnike (npr. cdn.jsdelivr.net ), se prepričajte, da ga nastavitve vašega ponudnika kriptovalut (CSP) ne blokirajo. Cloudflare pred WMD običajno reši to težavo.

3. Trdo kodirani lokalni URL-ji

Če ima koda fetch('http://localhost:3000/api') , bi morala postati fetch('/api') (relativno) ali vaša dejanska domena. Prosite ChatGPT, da naredi te popravke.

4. Napaka pri povezavi z zbirko podatkov

ChatGPT običajno generira localhost:5432 za PostgreSQL ali localhost:3306 za MySQL. Na WMD je gostitelj localhost pravilen, vendar morajo biti poverilnice vaše iz cPanela, ne pa tiste iz primera iz odgovora ChatGPT.

5. Gradnja, ki se ne izvaja na strežniku

Projekti Next.js, Vue in Astro imajo korak npm run build . Ne naložite izvorne kode, temveč izhod build/ ali dist/ . Vprašajte ChatGPT: "Kako zgradite produkcijske datoteke za ta okvir?" Sledite navodilom in naložite izhod.

Varnost – kaj preveriti

ChatGPT generira kodo hitro, vendar ne vedno varno. Preden objavite, preverite:

• Ključi API-ja: v kodi poiščite nize, kot so sk-... , pk_... , OPENAI_API_KEY=... – vse to mora biti v datoteki .env , nikoli v repozitoriju Git.
• Obrazci: ali obstaja preverjanje na strani strežnika ali samo na strani odjemalca? Preverjanje na strani strežnika je obvezno.
• SQL poizvedbe: ali koda uporablja pripravljene stavke ali združevanje nizov?
• Skrbniške poti: ali so zaščitene z overjanjem?
• Obrazci za nalaganje datotek: ali preverja vrsto in velikost naloženih datotek?

WMD aktivira strežniški WAF Imunify360, ki blokira večino znanih napadov na PHP/WP, vendar ni nadomestilo za pravilno napisano kodo.

Ko ChatGPT ne prispe – poti eskalacije

Vibe kodiranje deluje odlično, dokler ne naleti na tehnično pregrado. Če se vam to zgodi:

• Preklopite na Claude Code ali Cursor – pogosto lahko rešita stvari, ki jih ChatGPT ne more
• Podpora za WMD — pomagamo vam pri uvajanju (nastavitve cPanela, baza podatkov, spremenljivke okolja, SSL) 24/7/365 po telefonu ali prek zahteve
• Profesionalni razvijalec – ko je potrebna revizija ali refaktoriranje, pomagamo s priporočili

Realistična ocena: projekt ChatGPT → čas za orožje za množično uničevanje

Kako začeti

Imate projekt ChatGPT in ne veste, kako ga prenesti v WMD?

1. Pošljite nam ZIP datoteko celotne mape (ali povezavo do repozitorija GitHub) na hello@wmd.hr
2. Opišite, kaj projekt počne in katere so funkcije (obrazec, prijava, baza podatkov, zunanji API-ji)
3. Svetujemo vam glede optimalnega paketa in pripravimo okolje
4. Projekt je običajno objavljen v 30–90 minutah.

Če šele razmišljate o svojem prvem projektu ChatGPT – priporočamo, da za prvo testno uvedbo začnete s statično stranjo HTML, nato pa, ko se seznanite z delovnim potekom, nadaljujete z bolj kompleksnimi projekti. Kodiranje Vibe je odlično za hitro testiranje ideje, stabilno gostovanje v EU pa zagotavlja varno osnovo, ko ideja postane resničnost.