Vibe coding za početnike: kako izgraditi prvu aplikaciju bez ijedne linije 'pravog' koda
Vibe coding omogućuje potpunim početnicima da grade funkcionalne aplikacije koristeći AI alate. Evo konkretnog vodiča kako početi danas.
Nije davno bilo to da ste za izgradnju web aplikacije morali provesti godinu dana učeći JavaScript, još godinu na frameworkima, pa tek onda — možda — pokrenuti nešto što radi. Danas jedan student medicine u slobodno popodne pokreće SaaS alat. Bez ikakve formalne programerske naobrazbe.
To nije marketinška priča. To je vibe coding.
Što je uopće vibe coding?
Termin je skovala šira zajednica developera negdje početkom 2025. Ideja je jednostavna: umjesto da pišete kod redak po redak, opisujete što želite — na prirodnom jeziku — i AI alat to pretvara u funkcionalan kod. Vi "vibrate" s idejom, AI rješava implementaciju.
Danas 92% američkih developera koristi AI coding alate svakodnevno. 41% svog globalnog koda nastaje uz pomoć AI-a. Gartner predviđa da će do kraja 2026. taj udio narasti na 60%.
To nije zamjena za programere — to je novi sloj produktivnosti. A za početnike, to je otvorena vrata koja ranije nisu ni postojala.
Alati koje trebate (i što koštaju)
Tri alata dominiraju scenom u 2026.:
Cursor je AI-nativni kod editor — izgledа kao VS Code, ali svaki redak koda možete generirati razgovorom. Košta 20 dolara mjesečno. Najpopularniji izbor za vibe coding.
GitHub Copilot dolazi s besplatnim tjerom koji uključuje 2.000 dopunjavanja koda i 50 AI razgovora mjesečno. Pro plan je 10 dolara. Dobra opcija za start.
Claude (Anthropic) možete koristiti direktno u browseru za planiranje arhitekture, pisanje prompta, debuggiranje. Besplatni tier je sasvim dovoljan za početnike.
Za deployment: Vercel i Netlify nude besplatne hostove za statičke stranice i jednostavne aplikacije. Vaša prva aplikacija može biti živa za manje od sat vremena.
Kako izgleda prvi projekt
Recimo da želite napraviti jednostavan kalkulator neto plaće — kao što je ovaj na Kalkulator.Place. Ne trebate znati što je TypeScript ili React. Trebate znati opisati problem.
Otvorite Cursor. Upišite: "Napravi web stranicu s kalkulatorom koji prima bruto plaću i izračunava neto plaću za Hrvatsku, s porezom 20% i MIO doprinosima od 20%."
AI će generirati kompletan HTML, CSS i JavaScript. Pregledajte rezultat. Testirajte. Ako nešto ne radi, opišite problem: "Zbrajanje nije točno za plaće iznad 5.000 eura." AI ispravlja.
Taj ciklus — opisati, generirati, testirati, ispraviti — jest vibe coding.
Što morate naučiti (a što ne)
Ne morate naučiti sintaksu programskog jezika. Ne trebate razumjeti kako radi compiler.
Ali trebate naučiti neke stvari:
Strukturirani prompt je najvažnija vještina. AI radi bolje kad mu date kontekst: tko koristi aplikaciju, što točno treba raditi, koja ograničenja postoje. Nejasan prompt daje nejasan rezultat.
Čitanje grešaka — kad aplikacija ne radi, poruke grešaka su vaš kompas. Kopirajte ih u AI i pitajte što znače.
Osnove web arhitekture — razlika između frontenda i backenda, što je API, što baza podataka. Bez toga ne znate što tražiti od AI-a.
Sve to možete naučiti za tjedan dana. Za razliku od godišnjeg plana koji je bio standard prije 5 godina.
Najtežje u vibe codingu nije tehničko — nego kreativno. Trebate imati ideju vrijednu gradnje. To AI ne može za vas.