Průvodce vibe codingem
Lovable: appka na jeden prompt?
Popíšete, co chcete, a Lovable vám postaví web nebo appku i s databází a přihlášením. Bez kódu. Tady je návod a chytrá cesta, jak z něj jít dál.
Autor: Jindřich Fáborský · 17 let v marketingu · 2 000+ hodin vibe codingu · 180+ projektů
Lovable
Appka z jedné věty. I s databází.
Rychlá odpověď
Co je tedy Lovable?
Lovable je jeden z nejznámějších nástrojů pro vibe coding na světě. Appku ani web v něm nepostavíte kódem, ale tím, že běžnou řečí popíšete, co chcete, a AI z toho udělá funkční aplikaci i s databází a přihlášením.
Hodně zpopularizoval vibe coding, ale nejznámější neznamená nejlepší. Příslib „appka bez jediné znalosti programování“ má své limity i kontroverze. Dál ukážeme i alternativy: českou Macaly a profesionální Claude Code, kde se to naučíte, ne jen spustíte black box.
Čím je Lovable zajímavý:
Vychytávka pro lepší výsledek
Jak zadat, ať nedostanete generickou appku
Začátečníci dělají jednu chybu pořád: napíšou vágní větu a dostanou nudný, generický výstup. Dobré zadání není delší, je konkrétnější.
Konkrétní zadání, ne vágní
První výstup bývá tak z 80 % hotový. Vágní věta dá generickou appku. Řekněte přesně co, pro koho a s jakými daty. Konkrétní zadání není delší, je přesnější.
Stavte po malých krocích
Nenacpěte do jednoho promptu deset změn. Přidejte jednu věc, mrkněte na náhled, pak další. Snáz se to ladí, míň se to rozbije a ušetříte kredity.
Drobnosti klikejte, nepište
Na změnu jednoho slova nebo barvy neposílejte zprávu AI. V náhledu kliknete přímo na prvek a upravíte ho myší (visual edit). Zprávy šetřete na strukturu a nové funkce.
Začněte v Plan mode
Než Lovable začne stavět, nechte ho v Plan mode nejdřív naplánovat postup (1 kredit za zprávu). Méně drahých přestaveb a appka líp odpovídá tomu, co jste chtěli.
Co všechno v Lovable postavíte
A to celé chatem.
Kolik to stojí
Začnete zdarma, kredity ale ubývají rychle
Na vyzkoušení a první projekt stačí bezplatný tarif. U placených pozor na kredity: každý dotaz na AI něco stojí a u větších appek se utratí dřív, než čekáte.
0 $
- ✓ 5 kreditů denně (max 30 měsíčně)
- ✓ Publikace na vase-appka.lovable.app
- ✓ Bez platební karty
Na vyzkoušení a první appku.
25 $ / měsíc
- ✓ 100 kreditů měsíčně
- ✓ Vlastní doména
- ✓ Dokup kreditů, bez loga Lovable
Když projekt myslíte vážně.
50 $ / měsíc
- ✓ Vše z Pro
- ✓ Týmový workspace, role
- ✓ SSO a bezpečnostní centrum
Pro firmy a týmy.
Co kolik stojí kreditů (orientačně)
Změna barvy tlačítka
zlomek kreditu
Přidání přihlašování
~1,2 kreditu
Landing page s obrázky
~1,7 kreditu
K ceně připočtěte, že větší provoz a databáze (Supabase) se časem doplácí zvlášť. Aktuální ceník najdete v oficiálním ceníku Lovable. Studenti mají 50 % slevu na Pro.
Na co si dát pozor
Kde má Lovable své hranice
Lovable je skvělý otvírák do světa vibe codingu. Má ale své limity, které se vyplatí znát.
Kredity ubývají a platíte dál
Každý prompt stojí kredity a i těch 100 měsíčně může zmizet velmi rychle.
Jen weby, pevný stack
Staví na Reactu a Supabase. Nativní mobilní appku ani specifický backend z něj nečekejte.
Postavit je snazší než udržet
První verzi máte za pár minut. Ale udržet appku v běhu je něco úplně jiného. Přiznává to i TechCrunch.
Bez znalostí je z toho black box
Příslib „appka bez znalostí“ má háček: skutečně chcete v takovém blackboxu spravovat třeba data zákazníků?
Kde přesně jsou hranice, rozebírá průvodce kdy se vibe coding nehodí.
Chytrá cesta dál
Jak za Lovable neplatit donekonečna?
Tohle je nejdůležitější rada celé stránky. Příslib „uděláš si web jednoduše“ je hezký, ale když za jejich běh pak platíte měsíčně třeba 500 Kč, začne to být docela nevýhodné. Naštěstí se to dá vyřešit. Jak?
Vytvoříte si web nebo appku v Lovable, kód uložíte na GitHub a je váš. Ten pak můžete editovat přes Claude Code nebo GPT Codex a hostovat na vlastní doméně přes Vercel.
Nakopněte v Lovable
Z jedné věty máte funkční prototyp nebo první verzi appky. Skvělé na rychlé ověření nápadu.
Uložte kód na GitHub
Jedním kliknutím napushujete zdrojový kód do svého repa. Od téhle chvíle je kód váš, ne platformy.
Co je GitHub? →Zahostujte zdarma na Vercelu
Z GitHubu nasadíte web na Vercel za pár minut, zdarma a na vlastní doménu. Žádný měsíční poplatek navíc.
Co je Vercel? →Pokračujte v Claude Code
Stáhnete repo a editujete dál v Claude Code nebo GPT Codexu, kterého většinou už platíte. Plná kontrola, žádné kredity.
Co je Claude Code? →Z naší praxe
Vendy a Eliška na našem Hack Your Weekend přesně takhle dotáhly nápad: z papírového wireframu do funkčního prototypu v Lovable a s ním pak rovnou na pitch investorům. To je přesně role, kterou Lovable hraje nejlíp: rychle ukázat, že nápad funguje. Až ho budete chtít dotáhnout do plné aplikace, přijde na řadu Claude Code.
Lovable je začátek. Naučím vás celou cestu.
Buildery jako Lovable jsou skvělý rozjezd. Já ale 99 % webů a appek stavím od začátku v Claude Code a v kurzu AI First vás vezmu rovnou na tu silnější cestu, kde nejste vázaní na žádnou platformu.
21 hodin videí, 1 800+ absolventů, roční licence s aktualizacemi zdarma. Parťák, který vibe codingu dal přes 2 000 hodin a postavil přes 180 projektů.
FAQ
Časté otázky
Co je Lovable?+
Lovable je AI nástroj dostupný na lovable.dev, ve kterém vytvoříte web nebo appku tak, že běžnou řečí popíšete, co chcete. AI z toho vygeneruje skutečnou, funkční aplikaci i s databází a přihlašováním. Běží celé v prohlížeči, nic neinstalujete. Sami tvůrci ho označují za AI softwarového inženýra, ne za klikací editor.
Je Lovable zdarma?+
Vyzkoušet jde zdarma a bez platební karty. Bezplatný tarif dává 5 kreditů denně, měsíčně dohromady nejvýš 30, a appku publikujete na adrese vase-appka.lovable.app. Vlastní doménu a víc kreditů odemyká tarif Pro za 25 dolarů měsíčně, firemní Business pak za 50.
Jak fungují kredity v Lovable?+
Kredity jsou jednotka, kterou platíte stavění, hosting i AI funkce. Cena se liší podle složitosti zadání: změna barvy tlačítka stojí zlomek kreditu, přidání přihlašování kolem 1,2 kreditu, vygenerování landing page se obrázky kolem 1,7. U komplexnějších appek 100 kreditů měsíčně rychle dojde, proto se vyplatí stavět po malých krocích.
Musím u Lovable umět programovat?+
Na první appku ne. Popisujete ji běžnou řečí a kód za vás píše AI. Jakmile ale appku pustíte k reálným uživatelům a datům, hodí se základní přehled o tom, jak appka funguje, kvůli bezpečnosti a údržbě. Přesně tohle učí kurz AI First.
Funguje Lovable v češtině?+
Rozhraní Lovable je anglicky, ale zadání mu klidně píšete česky a appku vám postaví v češtině. Pokud chcete nástroj s kompletně českým prostředím, sáhněte po české alternativě Macaly. Pro Lovable je angličtina v ovládání jediná drobná překážka.
Co všechno v Lovable postavím?+
Webové appky a MVP, interní nástroje, dashboardy s přihlášením, rezervační a objednávkové systémy, kalkulačky, landing pages i menší e-shopy. Lovable na rozdíl od jednoduchých web builderů zvládá i databázi a přihlašování (přes Supabase). Na nativní mobilní appky do App Store nebo hodně specifický backend se ale nehodí.
Můžu si kód z Lovable odnést?+
Ano, a je to jedna z jeho největších předností. Lovable umí synchronizaci s GitHubem, takže vygenerovaný React kód je váš. Můžete si appku stáhnout, zahostovat ji zdarma na Vercelu a pokračovat v úpravách v Claude Code nebo GPT Codexu. Tím se zbavíte placení Lovable subscriptionu donekonečna.
Lovable, Macaly, nebo Claude Code?+
Macaly je nejsnazší český vstup pro úplného začátečníka. Lovable je o krok dál: anglicky, ale full-stack appky i s databází. Claude Code je profesionální nástroj s plnou kontrolou, kde postavíte cokoli a nejste vázaní na žádnou platformu. Doporučuju buildrem začít a ke Claude Code přejít, až budete chtít dál. Přesně touhle cestou vás vede kurz AI First.