Vibe coding do produkcije: od prototipa do pravog softvera

Vibe coding do produkcije: od prototipa do pravog softveraVibe coding do produkcije: od prototipa do pravog softvera

4. svi. 2026. - 13 min

Ivan Lovrić

Ivan Lovrić

CEO & Founder


Charter agencija iz Dalmacije poslala nam je projektni brief prošli mjesec. Imali su funkcionalni prototip izgrađen u Claudeu. Frontend ekrani, UX tok, logika kalkulacija. Tehnička specifikacija (također generirana pomoću AI-ja) glasila je: "Developer NE kreće od nule. Frontend dizajn, UX tok i logika kalkulacija definirani su ~80%. Posao je: produktizirati, dodati backend/bazu, spojiti CRM, osigurati skalabilnost."

Osamdeset posto gotovo. Zvuči kao da je najteži dio iza vas.

Nije.

Ovo je novi obrazac u razvoju softvera. Netehničke osnivačice i osnivači te poslovni timovi sada grade funkcionalne prototipe u satima koristeći alate poput Cursora, Lovablea, Bolta i Claudea. Vibe coding je s nule došao do tržišta od 4,7 milijardi dolara u manje od godinu dana. Andrej Karpathy skovao je termin početkom 2025., a Collins Dictionary ga je proglasio Riječju godine prije kraja iste godine. Ključni podatak: 63% korisnika ovih alata nisu developeri.

Prototipovi izgledaju stvarno. Imaju ekrane, gumbe, forme, čak i baze podataka. Rade na vašem laptopu. Impresioniraju investitore na demo prezentacijama. I pucaju u trenutku kad se pojave pravi korisnici.

Ovaj tekst raščlanjuje što "produktizirati" znači u praksi, zašto je jaz između prototipa i produkcije širi nego što većina osnivača očekuje, i kako ga premostiti bez kretanja ispočetka. Ako ste osnivač, product owner ili CTO koji sjedi na vibe-coded prototipu, ovo je plan za sljedeći korak.

Jaz između vibe-coded MVP-a i produkcijski spremne aplikacije

Prototip izgleda gotovo. Nije.

Vaš kod nema temelje

AI-generirani kod optimizira za jednu stvar: da demo radi. Bira najkraći put od prompta do outputa. Rezultat je kod bez arhitekture, bez razdvajanja odgovornosti i bez obrazaca koje bi tim inženjera pratio.

Kad radimo audit vibe-coded projekata, nalazimo iste probleme svaki put. Poslovna logika umiješana u UI komponente. Nema error handlinga izvan happy patha. Konfiguracijske vrijednosti zapečene direktno u source kod (sretno s mijenjanjem Stripe ključa po environmentu). Upiti prema bazi napisani inline umjesto kroz data layer. Autentikacija implementirana usput, ako uopće.

AI također donosi odluke koje nikad niste tražili. Odabire database driver. Bira pristup state managementu. Selektira biblioteku za autentikaciju. Te odluke nisu nužno pogrešne. Ali su proizvoljne. Ne prate koherentnu tehničku strategiju. I kad trebate promijeniti jednu od njih šest mjeseci kasnije, otkrivate da je ugrađena u sve.

CodeRabbit analiza 470 pull requestova pokazala je da AI-generirani kod nosi 1.7x više kritičnih problema i 2.74x višu stopu sigurnosnih ranjivosti u usporedbi s kodom koji su pisali ljudi. Prototip prolazi vizualni test. Codebase ne prolazi code review.

Vaša infrastruktura ne postoji

Prototip radi na localhostu ili jednoj cloud instanci. Nema staging environmenta. Nema CI/CD pipelinea. Nema automatiziranih testova. Nema monitoringa. Nema logginga. Nema alertinga.

Kad nam je charter agencija poslala prototip, imali su Vercel deployment bez razdvajanja environmenta. Svaka promjena išla je direktno na live URL. Bez mogućnosti rollbacka. Bez backupa baze. Bez praćenja grešaka.

Ovo funkcionira dok ste jedini korisnik. Pada kad vaših prvih 100 kupaca istovremeno počne rezervirati jahte.

Deployment je disciplina, ne gumb. "Click deploy" radi dok ne pustite pokvareni release u petak navečer i trebate napraviti rollback. Bez pipelinea, vaš plan oporavka je "popravi ručno u produkciji." Pitajte bilo koga tko je to radio u 2 ujutro je li to održiva strategija.

Sigurnost nedostaje, a nije opcionalna

Gartner procjenjuje da će 60% svog novog koda biti AI-generirano do kraja 2026. Istraživanja pokazuju da 45% AI-generiranog koda sadrži sigurnosne ranjivosti. Kombinirajte ta dva broja i vidjet ćete razmjer problema.

Vibe-coded prototipovi čuvaju API ključeve u frontend kodu. Preskaču input validaciju. Koriste defaultne pristupne podatke za bazu. Nemaju enkripciju podataka u mirovanju ni u prijenosu. Izlažu admin endpointe bez autentikacije.

Jedan procureni API ključ pretvara vaš vikend projekt u curenje podataka. Za industrije koje obrađuju financijske transakcije ili osobne podatke (charter rezervacije, procesiranje plaćanja, podaci korisnika) to je pravna odgovornost, ne tehnička fusnota.

Jaz povjerenja raste

Povjerenje developera u AI-generirani kod palo je s 40% na 29% u jednoj godini. Ljudi najbliži kodu vjeruju mu manje, ne više, kako raste upotreba. Netehničke osnivačice i osnivači vide funkcionalan ekran. Inženjeri vide testove koji nedostaju, neobrađene rubne slučajeve i implicitne pretpostavke koje je AI donio bez da je ikoga obavijestio.

Ovo je središnja napetost vibe codinga u 2026. Alat je dovoljno brz da proizvede nešto uvjerljivo. Nije dovoljno temeljit da proizvede nešto pouzdano. Jaz između "radi na mom ekranu" i "radi za 10.000 korisnika" je jaz između prototipa i proizvoda.

Gdje vibe coding funkcionira, a gdje treba pravi inženjering

Što "produktizirati" znači u praksi

Brief charter agencije tretirao je "produktizirati" kao kvačicu na popisu. Jedan zadatak, jedna stavka. U stvarnosti, radi se o pet ili šest inženjerskih disciplina naslaganih jedna na drugu, a svaka nosi vlastiti vremenski okvir i složenost.

Restrukturiranje koda

Evo što radimo prvo kad vibe-coded projekt dođe na naš stol. Otvaramo codebase i mapiramo ga. Što je AI napravio? Što drži vodu pod povećalom? Što treba ići?

Odgovor je uvijek isti miks. Frontend izgleda pristojno. Logika ispod je špageti. Poslovna pravila žive unutar React komponenti umjesto u servisnim slojevima. AI je svugdje u TypeScriptu koristio any jer striktno tipiziranje usporava generiranje. Pozivi baze sjede inline u page komponentama umjesto da prolaze kroz data layer. Error handling pokriva happy path i ništa drugo.

Ne krećemo ispočetka. Razdvajamo frontend od backenda od data accessa. Dodajemo prave tipove. Pišemo testove. Restrukturiramo kod u nešto što će tim od tri ili četiri inženjera održavati godinama bez želje da sve zapale.

Deployment po pravilima

Vaš prototip živi na jednoj Vercel instanci. Nema staging environmenta, nema test pipelinea, ništa između "spremi datoteku" i "live je." Svaki push ide direktno u produkciju.

Mi postavljamo puni pipeline u prvom tjednu. Docker containeri tako da aplikacija radi identično na svakom stroju. CI/CD tok gdje testovi trče na svaki pull request i pokvareni kod nikad ne dođe do live URL-a. Staging environment gdje klijent pregledava promjene prije puštanja. Infrastruktura definirana u kodu (koristimo Terraform ili AWS CDK) tako da podizanje novog environmenta traje minute, ne dane. I rollback procedure, jer će se u nekom trenutku release zakomplicirati u 2 ujutro, a "popravi live" nije plan.

Sigurnost i usklađenost

Ovo nije stvar pregovora. I upravo tu su vibe-coded projekti najslabiji.

Prvo provjeravamo očite probleme: API ključevi u frontend kodu, defaultne lozinke za bazu, admin rute izložene bez autentikacije, nula input validacije. Zatim gradimo sigurnosni sloj kako treba: session management, tajne pohranjene u vaultovima, podaci enkriptirani u pohrani i u prijenosu, audit logging, rate limiting, skeniranje dependencija.

Razmislite što charter platforma obrađuje. Brojeve kreditnih kartica. Skenove putovnica. Ugovore o rezervaciji vrijedne deseci tisuća eura. GDPR se primjenjuje. PCI usklađenost se primjenjuje. Kad smo gradili tokove plaćanja za charter klijente u Dalmaciji, pravila usklađenosti oblikovala su cijelu arhitekturu sustava. Ne dodajete ovo naknadno. Gradite oko toga od početka.

Observability

Nitko ne instalira monitoring na prototip. Onda prototip ide u produkciju, i nitko ne zna da je pao dok korisnik ne pošalje email.

Produkcijski sustavi trebaju APM koji prati vremena odgovora i stope grešaka. Trebaju strukturirane logove koje pretražujete i filtrirate, ne console.log rasut po datotekama. Trebaju alerte: ako vrijeme odgovora API-ja prijeđe 500ms ili stopa grešaka skoči, netko dobiva Slack obavijest. Trebaju provjere uptimea za kritične endpointe. Trebaju praćenje performansi baze, jer spori upiti ubijaju korisničko iskustvo brže nego downtime.

Sve ovo konfiguriramo u prvom sprintu, ne u zadnjem. Do trenutka kad stignu pravi korisnici, mi znamo za probleme prije njih.

Skalabilnost

Upravo ovdje se prototip charter agencije raspao na našem pregledu. Dohvaćao je dostupnost brodova direktnim API pozivom na svaki page load. Jedan korisnik koji pregledava: nema problema. Pedeset korisnika u subotu ujutro tijekom vrhunca sezone rezervacija? Upstream API vas rate-limita, stranica visi, a vaši kupci rezerviraju negdje drugdje.

Produkcijski kod ovo rješava drugačije. Grupirate API pozive. Cacheirate podatke o dostupnosti i osvježavate ih po rasporedu. Stavljate teške operacije u red u pozadini tako da se stranice učitavaju brzo.

Ovo znamo iz iskustva. Naša platforma Boat4You povlači podatke iz više booking sustava dnevno: 13.752 jahte kroz 1.559 agencija, s 236.647 slika. Sync arhitekturu, caching sloj i retry logiku dizajnirali smo od nule. Nijedan AI alat ne bi generirao ništa od toga, jer nijedan AI alat nikad nije vodio booking platformu pod stvarnim opterećenjem tijekom charter sezone u Splitu.

Kako premostiti jaz bez kretanja ispočetka

Dobra vijest: ne trebate baciti svoj prototip. Onih 80% koje je AI napravio ima vrijednost. Validirali su vašu ideju. Pokazali su vam UX. Dali su vašem razvojnom timu prednost na startu.

Pristup koji koristimo u Workspaceu za vibe-coded projekte slijedi jasan redoslijed.

Prvo audit. Pregledavamo postojeći codebase, identificiramo što preživljava u produkciju i mapiramo što treba obnoviti. To traje dane, ne tjedne. Rezultat je jasan dokument opsega s procjenom troškova.

Zadržite UX, obnovite motor. Ekrani i tokovi koje je AI generirao često su najjači dio. Zadržavamo ono što korisnici vide i mijenjamo sve što stoji iza toga. Nova arhitektura, isto iskustvo.

Isporučujte inkrementalno. Postavljamo produkcijski environment od prvog dana i puštamo funkcionalnosti u iteracijama. Klijent vidi napredak svaki tjedan, ne nakon tri mjeseca tišine.

Automatizirajte sve. Testovi, deploymenti, monitoring i alerti postavljeni su u prvom sprintu. Ne u zadnjem.

Prenosite znanje. Osnivač razumije proizvod. Inženjeri razumiju kod. Mi premošćujemo to dvoje dokumentiranjem odluka, objašnjavanjem kompromisa i osiguravanjem da klijentov tim preuzme vlasništvo nad sustavom nakon predaje. Bez crnih kutija.

Vibe coding komprimira tjedne discovery posla u sate. Osnivač s funkcionalnim prototipom dolazi na naš prvi sastanak sa zajedničkim razumijevanjem onoga što želi. Bez apstraktnih wireframeova. Bez dvosmislenih zahtjeva. Funkcionalni demo.

Ovo mijenja ekonomiku razvoja softvera. Faza discoveryja postaje kraća. Povratna informacija dolazi brže. Ukupni trošak od ideje do produkcije pada. Ne zato što inženjerski posao nestaje, nego zato što se početna točka pomiče naprijed.

Koristimo AI alate u vlastitom radnom procesu. Claude nam pomaže analizirati projektne zahtjeve. AI-potpomognuta procjena koristi naše povijesne podatke o praćenju vremena kroz stotine zadataka. Nismo skeptični prema AI-ju. Gradimo s njim svaki dan. Znamo i gdje prestaje i gdje inženjering preuzima.

Timovi koji sada pobjeđuju su oni koji tretiraju vibe coding kao alat za discovery, a profesionalni inženjering kao metodu isporuke. Brzo prototipirajte. Validirajte s pravim korisnicima. Zatim gradite produkcijski sustav s povjerenjem da gradite pravu stvar.

Val vibe codinga ne usporava. Upotreba od strane netehničkih korisnika porasla je 520% u odnosu na prethodnu godinu. GitHub izvještava da je 46% svog novog koda AI-generirano. To znači da će više osnivača dolaziti na sastanke s funkcionalnim prototipovima. Više tih prototipova trebat će profesionalni inženjering za put do produkcije. Tržište za "produktizaciju" raste brže od tržišta za razvoj od nule.

Što slijedi

Ako imate vibe-coded prototip i pitate se što dolazi nakon toga, odgovor je audit. Ne prepisivanje ispočetka. Ne šestomjesečni projektni plan. Fokusiran pregled onoga što imate, što funkcionira i što je potrebno za put do produkcije.

Provodimo ove audite za osnivače i produktne timove koji su gradili s AI alatima i trebaju isporučiti pravim korisnicima. Dogovorite konzultacije da saznate gdje stoji vaš prototip i što je potrebno za go-live.

Tražite dugoročnog digitalnog partnera?

Različite vještine, jedan tim, usredotočen na izgradnju pouzdanih digitalnih proizvoda i postajanje vašeg pouzdanog partnera.

4.9

Ivan
Roko
Ante
Luka
Toni

Tim koji vaše ideje pretvara u stvarne proizvode.

Vibe coding do produkcije: od prototipa do pravog softvera | Workspace