Vibe coding

Vibe coding: Jak jsem přestala řešit syntaxi a začala konečně tvořit.

Pohybuju se kolem kódu víc než šest let. Ne jako programátorka z povolání. Spíš jako nadšenec co se pokouší o stvoření něčeho užitečnýho. A pak přišel vibe coding a změnil všechno.

Co je vlastně vibe coding?

Termín vibe coding poprvé použil Andrej Karpathy, jeden z průkopníků AI a popsal tím přístup k programování, kde se prostě ponoříš do nálady a necháš AI dělat heavy lifting. Ty řekneš, co chceš. AI napíše kód. Ty se podíváš, jestli to funguje. A pak zase řekneš, co chceš dál.

Pro mě to ale znamená něco víc než jen technickej workflow. Vibe coding je o tom, konečně se soustředit na nápad a ne na to, jestli mi chybí středník na konci řádku nebo jestli mám správně syntaxi. Je to o kreativitě bez bariér.

Proč je to tak návykový

Vzpomínám si, jak jsem před lety strávila celé odpoledne laděním jedné chyby v javascriptu. Kód se mi rozpadal a já procházela Stack Overflow, kopírovala hacky, zkoušela, mazala, zase zkoušela. V hlavě jsem měla jasnou vizi. Jednoduchý, čistý web a několik poměrně unikátních funkcí, ale ta vize se utápěla v moři frustrací.

Vibe coding tohle přepsal. Začátek s ChatGPT mi před rokem a půl otevřel novej svět. Ale teď? Teď otevřu nástroj, napíšu: „Chci stránku s kartičkami produktů, čistý moderní design s backendem a správou objednávek“ a za minutu to tam je. Jasně, ne vždycky je to přesně to, co si představuju. Ale je to základ, na kterým se dá dál stavět. A to je ten rozdíl.

Co mě na vibe codingu nejvíc chytlo:

Rychlost od nápadu k prototypu je ohromující. Věc, která by mi dřív trvala měsíc, teď existuje v MVP za odpoledne. Můžu si dovolit víc experimentovat a když se nápad neosvědčí, nestálo mě to tolik energie, udělám revert a zkusím to jinak. Vibe coding mě naučil víc o architektuře aplikací než roky čtení tutoriálů. Když vidíš, jak AI strukturuje kód, začneš chápat logiku za tím.

Je v tom taky něco hravýho. Jako by se do programování vrátilo co mě na něm vždycky fascinovalo. K pocitu, že můžu vzít prázdnou stránku a vytvořit něco užitečnýho, zajímavýho a nebo úplně praštěnýho a netrvá to věky.

AI nástroje pro tvorbu webových aplikací

Za poslední rok jsem prošla několik nástrojů a každej má svůj charakter. Tady je několik, co stojí za pozornost:

Lovable

Lovable byl jeden z mých prvních vážnějších pokusů. Generuje React aplikace, má pěkný UI a výstupy vypadají profesionálně. Je vidět, že tvůrci přemýšleli o developer experience. Iterace jsou rychlé, chat je intuitivní. Lovable má ale svá omezení v počtu generací na freemium plánu (ale to mají i ostatní nástroje) a pro složitější projekty se cena rychle zvyšuje.

Cursor

Cursor je AI-first editor postavenej na editoru VS Code. Je to trochu jiná kategorie. Nechodíš sem s nápadem a nemáš web hotovej za deset minut. Ale pokud chceš mít kontrolu nad každým řádkem a zároveň mít AI jako chytrýho copilota, kterej chápe kontext celýho projektu, tak Cursor je extrémně mocnej nástroj.

Base44 a proč jsem u něj zůstala

Po Lovable jsem zkusila Base44 a od té doby jsem u něho. Base44, stejně jako Lovable, generuje plnohodnotný web aplikace v Reactu s databází, autentizací a backendem, a to všechno nasazené okamžitě na živým URL. Není to jen prototypování. Jsou to už skutečně funkční aplikace, který můžeš sdílet a používat hned. Dokáže rovnou generovat i web aplikaci pro Android a iOs.

Co mě u Base44 drží je kombinace: rychlost generování, kvalita výstupu a fakt, že už mám v jednom místě několik živých projektů, na kterým se můžu kdykoliv vrátit a pokračovat dál. Pak už je výhodný si připlatit 50 USD měsíčně a všechny projekty přesunout na vlastní doménu. Mít 3 weby třeba na Render, Hostingeru a nebo u Wedosu se mi nevyplatí, protože dohromady to stojí víc než Base44 s kompletním servisem pro neomezenej počet aplikací/webů.

Moje projekty: od hasičů k pizzerii

Teď přichází ta část, ze které jsem sama překvapená. Za poslední měsíc jsem v Base44 postavila věci, o kterých bych si dřív myslela, že jsou mimo moje možnosti.

NAKOOP – platforma pro hromadný nákupy

nakoop.cz

NAKOOP je platforma pro skupinový, hromadný nákupy. Nápad vznikl u kamaráda. Jednou odpoledne mi napsal, že už má dost kusovej výroby a šít něco do zásoby se mu taky nevyplatí, protože neví, jestli to prodá. A protože je čerstvě u dobrovolných hasičů a s jedním hasičem spolu vyvinuli výjezdovej vak na helmu a další potřebný vybavení, tak se rozhodl, že ho chce vyrábět ve větší sérii. Hasič, co vak testoval půl roku a nechal si na něm udělat úpravy pro konkrétní vybavení a situace, začal dávat dohromady hromadnou objednávku, za týden dal dokupy 21ks. A v tom mě oslovil kamarád, jak jsem psala. Vysvětlil mi to a já sedla k Base44 a za hodinu jsem měla betaverzi na ukázku. Druhej den, v podstatě za 24h, jsem měla funkční verzi se vším, co na pilotní provoz potřebujeme a kamarád říká: „Tohle se mi líbí, už rozesílám odkazy.“ Takže mi to zabralo jeden den od prázdnej stránky po spuštění webu a prvních návštěv a po týdnu přišly i první objednávky. Tomu říkám rachot. Takhle rychle to nešlo ani na Shoptetu.

Mikro Monster je mikro hosting pro jeden HTML soubor

mikro.monster

Tenhle projekt je malej, ale šikovnej. Mikro Monster je jednoduchej hosting pro jedinej HTML soubor. Nahraješ soubor, dostaneš URL, sdílíš. Perfektní na webový hry, digitální vizitky, landing pages. Na jednoduchý javascriptem poháněný jednostránkový weby, prostě na všechno co se vejde do jednoho html souboru.

Při stavbě tohodle skvostu mě napadlo, kolik lidí asi prostě potřebuje „dát věc na web“ bez starostí s doménou, hostingem a nasazením. Tohle je ta nejjednodušší možná odpověď. Navíc jsou všechny projekty dostupný na hlavní stránce a kdokoliv se může podívat, vyzkoušet a využívat co napsal někdo jinej. 

Hosting je zdarma a zatím bez nějakých extra funkcí, ale když bude zájem, přidám třeba online html editor nahraného projektu, možnost použít API pro ukládání nějakých dat do DB a používat nahraný obrázky třeba. Nebo cokoliv dalšího co mě a nebo tebe napadne.

Jsem si tam rovnou cvičně nasadila hru Černá díra, taky napsanou AI. Hra je pro dva až tři hráče a obsahuje i čtyři stupně obtížnosti počítačovýho protivníka. Hráči se střídají a do polí vkládají čísla od 1 do 10. Poslední prázdný políčko se promění v černou díru a čísla kolem se do ní propadnou. Vyšší součet prohrává.
Easy to play, hard to master.
Druhá hra je Gravity Skipper, kde ovládáš gravitaci, přepínáš ji mezerníkem a snažíš se modrou kouli dostat skrz překážky a sbírat body. Něco na způsob Flappy bird.

Zjevně to nikoho nenadchlo a jak se tam přišlo podívát pár desítek lidí po mém tweetu na X, tak stejně rychle trafic utichl. Nevadí, jdeme dál.

Pracovní název: Pizza Craft Flow – eshop pro pizzerii novej generace

pizza-craft-flow.base44.app  (rozdělanej projekt se spoustou práce to do)

Tohle je můj zatím nejambicióznější projekt na Base44. Pizza Craft Flow je kompletní systém pro pizzerii. A když říkám kompletní, myslím to vážně:

Zákazník si otevře stránku, vybere si pizzu nebo si ji nakonfiguruje v interaktivním editoru, uloží svůj recept a může ho sdílet s přáteli. Objednávka přijde do systému a projde jím od první vrstvy až k rozvozu. POS obrazovka pro objednávky ke stolu i po telefonu na rozvoz. Objednávka z POS i shopu ihned putujou na Kuchyňskou obrazovku a ta zobrazuje jen to, co kuchaři potřebujou vidět. Po upečení objednávka putuje do části pro rozvoz a ta zahrnuje vyzvednutý objednávky a navigaci na adresu přímo v aplikaci.

Projekt je pořád rozdělanej. Nejvíc práce zaberou vrstvy. Doslova, v editoru pizzy jsou vrstvy ingrediencí co se skládaj na těsto a tvoří náhled pizzy. Každá z mnoha ingrediencí tak dostane svůj obrázek. To vlastně byl prvotní nápad, co kdyby na eshopu pizzerie byl náhled pizzy a já si jí sestavím vrstvu po vrstvě? Je to blbost, já vím, ale nikdo to tak nemá. Řekla bych, že je to takovej WOW efekt, ale možná naprosto zbytečnej.

Pár konceptů ještě čeká ve frontě

Jednou z vedlejších „škod“ vibe codingu je, že začneš mít nápadů víc, než stihneš realizovat. Mám tam rozdělaných dalších několik konceptů. Věci, který mě napadly při každodenním životě a o kterých jsem si řekla, že tohle by bylo hezký a nebo užitečný. A pak jsem otevřela prohlížeč a zkusila to, i třeba jen první průzkum konceptu, utřídění si myšlenek až k návrhu postupu. Zatím to tam je, AI si to pamatuje a až budu mít víc času (a zbytečných kreditů navíc), tak se k tomu vrátím.

Přesně o to jde. Vibe coding snížil bariéru mezi nápadem a realizací na minimum. A pro lidi jako já, kteří mají nápady, nadšení a trochu technického cítění, ale nejsou profesionální vývojáři. To je game changer.

Závěrem: vibe coding není něco co kodérům vezme práci

Slyším někdy námitku: „Ale ty nechápeš, co ten kód dělá.“ Možná. Ale já vím, co dělá aplikace. Vím, co chce uživatel. Vím, jaký problém řeším. A dnes to k tvorbě funkčních digitálních produktů tak nějak i stačí. Minimálně na MVP a nebo proof of concept.

Taky slýchám, že AI všem vezme práci. Je to možný, někdy, časem nejspíš, ale to udělal i parní stroj. Lidi se přizpůsobí, zaniknou některý profese a vzniknou nový a kdo zůstal u 100% ručního kódování, tak zaspal a ujel mu vlak už teď.

Vibe coding mě neosvobodil od přemejšlení. Osvobodil mě od dřiny, která stála mezi mnou a výsledkem. A to je přesně ten druh svobody, co potřebujeme víc.

Tak co, zkusíš to taky?