Vibe coding — napravite svoju veb aplikaciju opisujući je rečima

Šta ćete umeti posle kursa

• Pretvorite ideju u kratku specifikaciju — korisnici, ekrani, podaci — koju AI alat razume.
• Napravite prvi radni prototip u Lovableu, Boltu ili v0 i doradite ga kroz iteracije.
• Povežite aplikaciju sa Supabase bazom, prijavom korisnika i pravilima pristupa podacima.
• Pratite izmene preko GitHuba i vratite se na verziju koja je radila kada AI nešto pokvari.
• Testirajte aplikaciju kao korisnik i opišite grešku tako da je AI ispravi iz prvog pokušaja.
• Objavite aplikaciju na Vercelu ili Netlifyju sa sopstvenim domenom.
• Prepoznajte bezbednosne zamke — otkriven API ključ, javna baza — i kada je vreme da uključite programera.

Program kursa

1. 1

   Šta je vibe coding i gde su mu granice

   Kako AI piše kod, prototip naspram proizvoda, šta se može napraviti za nekoliko sati, a šta ne, pregled alata Lovable, Bolt, v0, Replit i Google AI Studio.

2. 2

   Od ideje do specifikacije

   Korisnik i problem, spisak ekrana i podataka, skica u Figmi ili na papiru, specifikacija kao upit, razbijanje posla na male korake.

3. 3

   Prvi prototip

   Generisanje aplikacije iz opisa, iteracija ekran po ekran, rad sa slikama i skicama kao ulazom, dizajn i responsive prikaz, kada početi ispočetka.

4. 4

   Podaci i korisnici

   Supabase baza i tabele, prijava korisnika, Row Level Security, upload fajlova, forme i validacija, osnovna logika aplikacije.

5. 5

   Verzije, greške i testiranje

   GitHub i istorija izmena, vraćanje na prethodnu verziju, konzola pregledača, kako opisati grešku AI-ju, ručni testni scenariji.

6. 6

   Objavljivanje i bezbednost

   Objavljivanje na Vercelu ili Netlifyju, sopstveni domen, tajni ključevi i promenljive okruženja, javni i privatni podaci, osnove GDPR-a za male aplikacije.

7. 7

   Sledeći korak

   Prenos projekta u Cursor ili VS Code, šta proveriti pre nego što aplikaciju koriste pravi kupci, kako predati projekat programeru.