Babička hackuje, jak jsem si přes AI postavila vlastní web a CRM

Vibe coding je termín pro tvorbu softwaru pomocí AI bez tradičního programátorského backgroundu. Místo abys psala kód řádek po řádku, mluvíš s AI v běžné češtině o tom, co potřebuješ, a AI píše kód za tebe.

Říkáš věty typu „chci stránku, kde si klientky můžou rezervovat termín a vyberou si balíček“. AI ti napíše stránku. Ty si ji prohlédneš, řekneš „udělej to v krémové barvě a přidej tlačítko nahoře“, AI to udělá.

Pro mě, fotografku z Čechyně bez technického backgroundu, je to revoluce. Před třemi lety bych musela najmout agenturu, zaplatit za web sto tisíc, čekat tři měsíce. Dnes si postavím podobnou věc sama za pár večerů.

První kontakt s AI jsem měla přes ChatGPT v telefonu. „Ahoj, slyšíš mě?“ napsala jsem do prázdného okna. A ono mi odpovědělo. Lidsky, česky, bez technických slov.

Pak jsem objevila Everbot a tam jsem krok po kroku hledala všechny možnosti umělé inteligence. Našla jsem tam chatovací nástroje, ale i obrázkové a videové. Nasazují pořád nové, takže mi nic neuteče. Já se vzdělávám na jejich týdenních dílnách, učím se tam i marketing. Před rokem jsem nevěděla, co marketing je. Dnes mi přivádí nové klientky zpátky do fotoateliéru.

Pak přišel Claude. A pak jsem se odvážila na něco, čemu se říká „vlastní web“.

Klíčový moment, kdy mi došlo, že AI je vážný nástroj a ne hračka, mi přinesla moje dcera. Řekla, „mamko, ten nástroj je obrovská energie, kterou škoda nepoužívat na pořádné věci“.

Claude Code je nástroj od americké firmy Anthropic, která dělá umělou inteligenci Claude. Funguje v terminálu (černé okno, kam píšeš příkazy). Mluvíš s ním česky a on píše kód, spouští testy, opravuje chyby, postupuje k cíli.

Konkrétně dnes pracuju s modelem Claude Opus 5. To je současná generace té výkonnější řady, kterou Anthropic dělá, a je to zároveň to nejsilnější, k čemu se přes svoje předplatné dostanu. Zvládne udržet v hlavě opravdu velký projekt najednou, což je přesně to, co potřebuju, když se sahá do webu, rezervací a klientského systému zároveň.

Pro mě je to jako mít programátora, který sedí vedle mě, rozumí jen česky, je vždycky dostupný a nesnaží se mi prodat nadbytečnou funkci. Řeknu mu, „udělej mi přihlašovací stránku se 2FA“, on to udělá.

Jsem konkrétně předplatitel Claude Max (verze s rozšířenou kapacitou). Cena 108 € měsíčně. Vyplatí se mi, protože za víkend si postavím funkci, kterou by mi agentura vyúčtovala za 20 tisíc.

Když jsem s umělou inteligencí začínala, uměla hlavně jednu věc. Zeptala jsem se a ona odpověděla. Napsala text, vygenerovala obrázek, poradila recept. Tomu se říká generativní AI. Něco vytvoří, ale zbytek práce je pořád na tobě. Musíš to zkopírovat, zkontrolovat, někam vložit a spustit.

Dneska je to jinde a je to velký rozdíl. Umělá inteligence už neodpovídá jen jednou větou. Rozdělí si úkol na kroky, sama sáhne po nástrojích, které potřebuje, spustí testy, uvidí, že něco nefunguje, opraví to a jde dál. Tomu se říká agentní AI. Není to chytřejší odpověď, je to práce.

Prakticky to znamená, že místo abych se ptala jak něco udělat, řeknu co chci mít hotové. A ona to udělá, ověří a přijde říct, že je to hotové. Rozdíl je jako mezi kuchařkou a kuchařem.

Používám k tomu Claude Opus 5 od Anthropicu. Ten mi drží celý projekt pohromadě, umí si zapamatovat obrovské množství souvislostí najednou, a hlavně sám doběhne úkol do konce.

Tohle chci mít jasné, protože se mě na to lidi ptají.

Celý tenhle web je postavený s pomocí umělé inteligence. Kód, stránky, rezervační systém, poukazy, klientský systém, e-maily, které ti chodí po focení. Nic z toho nedělala agentura. Dělala jsem to já s Claudem.

Fotografie na tomhle webu jsou skutečné. Vyfotila jsem je já, skutečným fotoaparátem, skutečným lidem. AI mi pomáhá s retuší, sjednocením barev a někdy s dotvořením prostředí, ale tvář, postava a okamžik jsou vždycky tvoje. Nikdy z tebe nedělám někoho jiného.

Kde jsem obrázek vytvořila počítačem, protože jde o ilustraci k článku a ne o klientku, je to u něj napsané.

Tohle je věc, kterou jsem pochopila až časem a moc bych ji přála každé, kdo si něco staví sama.

Celý web je uložený ve verzovacím systému, kterému se říká Git. Znamená to, že každá jediná změna má svůj záznam. Kdo ji udělal, kdy, co přesně se změnilo a proč.

Prakticky to má tři důsledky, které mi berou strach. Nikdy o nic nepřijdu, protože všechno je uložené. Když se něco pokazí, můžu se vrátit o krok zpátky, jako by se to nikdy nestalo. A když mám za rok otázku, proč je něco udělané zrovna takhle, najdu si odpověď u té změny.

Bez toho bych se do stavby vlastního webu nikdy nepustila. Právě proto si můžu dovolit zkoušet věci. Nejhorší, co se může stát, je že to vrátím zpátky.

Cursor je editor kódu s vestavěnou AI. Vypadá jako Visual Studio Code (klasický programátorský editor), ale má v sobě Claude nebo GPT, se kterým si povídáš o kódu.

V Cursoru mám otevřený projekt Fotoatelier Brno (tenhle web) a projekt Babička hackuje. Změny dělám tak, že označím soubor, řeknu „přidej sekci s blogovým náhledem“, AI to napíše. Já si to projdu, schválím, uložím.

Cursor je hlavní pracovní místo pro vibe coding. Claude Code je doplněk, když chci komplexnější úlohy přes terminál.

Bariéra číslo jedna, terminál. Černé okno, do kterého píšeš příkazy. Vypadá jako z hackerského filmu z devadesátek. Pravda je, že dnes do něj jen napíšeš „claude“ a otevřeš si chat. Stejný princip jako ChatGPT, jen v terminálu.

Bariéra číslo dva, angličtina. Většina dokumentace, tutoriálů a videí je v angličtině. Já anglicky neumím. Řešení, Claude rozumí česky stejně jako anglicky. Mluvím s ním česky o anglických nástrojích, on mi překládá termíny a postupy.

Bariéra číslo tři, „já tomu nerozumím“. Pravdou je, že nepotřebuješ rozumět všemu, abys mohla věc používat. Nerozumím motoru auta, ale jezdím. Nerozumím elektřině, ale rozsvítím lampu. AI je stejné. Nerozumím tomu, jak fungují servery a databáze, ale mám webovou aplikaci.

Claude Max (verze s rozšířenou kapacitou) zhruba 108 € měsíčně. To je hlavní položka.

Cursor zdarma pro základní použití, případně tarif kolem 20 USD měsíčně.

Hosting (Railway, kde mi web běží) Hobby tarif 5 USD měsíčně, plus poplatky podle provozu, celkem do 20 USD měsíčně.

Doménu jsem si nechala u stávajícího registrátora (Wedos), pár stovek ročně.

Dohromady do 5 000 Kč měsíčně mám tým, který mi staví vlastní aplikaci. Pro porovnání, jeden vývojář v agentuře stojí 1500 Kč za hodinu. Za měsíc si u agentury koupíš 3 hodiny.

Dává smysl, pokud máš podnikání, kde ti standardní šablonová řešení nestačí. Klientka chce specifický flow, nechceš platit za příliš drahý web, nebo chceš mít kontrolu nad daty.

Dává smysl, pokud jsi ochotna investovat si večery do učení. Není to „kliknu třikrát a mám aplikaci“. Je to „postupně rozumím tomu, jak to funguje a buduju vlastní systém“.

Nedává smysl, pokud nemáš čas a chceš jen rychle hotový web. Pro to existují šablony (Wix, Webflow, Squarespace) za pár stovek měsíčně. Pro velkou firmu má smysl mít skutečný vývojový tým.

Až dokončím nový web fotoatelieru, bude přesně takový, jaký jsem si vždycky přála. Vlastní rytmus, vlastní rukopis, vlastní logika za scénou. A můžu vás ujistit, že tenhle celý web vznikal pouze dva týdny. Nedala jsem za něj ani korunu navíc, žádné agentury, žádné externí náklady. Jen čas, Claude Max předplatné, které platím tak jako tak, a vlastní práce.

Po fotoatelieru přijdou další projekty. Další v řadě je Roubenka, web pro ubytování. Pak Šárovo bistro, web pro gastro. A pak další a další. S každým projektem se naučím něco nového, vibe coding mě nepustí stagnovat.

To je krása téhle cesty. Postavit první web je nejtěžší, druhý jde rychleji, třetí ještě rychleji. A po pěti projektech se z tebe stane někdo, kdo si umí postavit cokoli, na co si vzpomene.