Lovable vs Claude Code v roce 2026: který si vybrat pro svůj první projekt?

Informace o práci s Ailoot jsou k dispozici v dokumentaci.

Co jsou Lovable a Claude Code?#

Lovable je nástroj pro tvorbu webů v prohlížeči. Technicky je Lovable vrstvou nad Anthropic Claude Opus: společnost veřejně potvrzuje, že po vyhodnocení komerčních i open-source modelů zvolila jako svůj hlavní model Claude (příběh zákazníka Anthropic: Lovable). Rámování otázky „Lovable, nebo Claude“ tedy situaci zjednodušuje. Ve skutečnosti jde o vrstvy: Lovable je pohodlné rozhraní nad stejným modelem Claude, ke kterému máte přímý přístup přes Claude Code.

Co se stane, když přejdete na lovable.dev:

1. Zaregistrujete se přes Google nebo GitHub.
2. Zadáte prompt: „Vytvoř mi CRM pro realitní kancelář s ověřováním uživatelů a databází klientů.“
3. Za 30–60 sekund uvidíte živý web na bezplatné doméně *.lovable.app, s databází, přihlašovacím formulářem a funkčními stránkami.
4. Pak ho vylepšujete pomocí promptů: „Přidej filtr podle stavu obchodu“, „Přidej tmavý motiv“, „Přidej Stripe pro platby předplatného“.

Lovable na pozadí vytváří aplikaci React s Vite, styly Tailwind CSS a komponentami shadcn/ui. Backend zajišťuje Supabase: PostgreSQL pro data, Supabase Auth pro přihlášení a Edge Functions pro logiku na straně serveru. Od 13. května 2026 používají nové projekty TanStack Start s vykreslováním na straně serveru.

Claude Code je program od Anthropic, který si nainstalujete na počítač s Macem, Windows nebo Linuxem. Spustíte ho příkazem claude v terminálu uvnitř složky projektu. Pak s ním komunikujete textem a on čte soubory, píše kód, spouští příkazy a opravuje chyby. Od 16. dubna 2026 je hlavním modelem Opus 4.7; od 28. května 2026 je dostupný také Opus 4.8 s funkcí Dynamic Workflows (až 1 000 paralelních subagentů) (Anthropic – Claude Opus 4.7).

Hlavní rozdíl v jedné větě: Lovable je web, který za vás vytváří weby. Claude Code je kolega vývojář v terminálu, který plní vaše pokyny.

Tyto dva postoje ve skutečnosti popisují dvě fáze stejné cesty. Lovable je nástroj pro cestu „od nuly k jedničce“, když jste se řemeslo ještě nenaučili. Claude Code je nástroj pro růst, když už chápete, jak se aplikace vytvářejí, a chcete mít věci pod kontrolou.

Kdo by měl používat Lovable a kdo Claude Code?#

Vnímám to jako volbu mezi hotovým jídlem v restauraci a kuchyní doma. Lovable je restaurace: posadíte se, objednáte si a za 20 minut máte před sebou jídlo. Claude Code je kuchyně: sada nástrojů a surovin a asistent, který zná všechny recepty, ale vaříte vy a rozhodujete, co a jak připravíte.

Lovable se hodí, pokud:

• Nikdy jste neotevřeli terminál a ani s tím nechcete začínat.
• Potřebujete za jeden večer vytvořit prototyp nápadu a ukázat ho partnerovi nebo klientovi.
• Vytváříte běžný produkt: landing page, CRM, tržiště, dashboard nebo formulář poptávky – něco, co Lovable vytvořilo už stokrát.
• Jste připraveni pracovat se stackem React + Supabase a nepotřebujete Python, Go ani mobilní aplikaci.
• Nevadí vám placený tarif za 25–100 dolarů měsíčně a netrápí vás, že je kód u dodavatele.

Claude Code se hodí, pokud:

• Už jste pracovali se složkami projektů a víte, co je git a .env.
• Potřebujete mít kontrolu nad každým souborem a chcete si sami zvolit stack.
• Váš projekt je složitější než obvyklý: bot na Telegramu, skript pro zpracování dat, mobilní aplikace nebo integrace s nestandardním API.
• Chcete mít kód ve vlastním repozitáři, ne u dodavatele.
• Jste připraveni naučit se pracovat s CLAUDE.md a kontextovým inženýrstvím, abyste dosahovali konzistentních výsledků.

Chcete bez hádání vybrat správnou kombinaci pro svůj úkol? Funkční kombinace má tři prvky: AI klon + Druhý mozek + Kontextové inženýrství. Tato kombinace promění jakýkoli nástroj – Lovable, Claude Code nebo oba – ve spolehlivou pracovní linku.

Kolik stojí první projekt s každým nástrojem?#

Lovable: tarify a kredity

Oficiální ceny Lovable k květnu 2026:

Jeden kredit odpovídá zhruba jednomu promptu. Drobná úprava stylu stojí 0,5 kreditu; nová funkce s ověřováním uživatelů stojí 1,5+ kreditu. Hlavní past: cyklus opravování chyb (kdy AI jednu věc opraví a jinou rozbije) může k původnímu vytvoření spotřebovat dalších 60–150 kreditů – vychází to ze skutečných stížností uživatelů na fórech v roce 2026. Dokoupení 50 kreditů v tarifu Pro stojí 15 dolarů.

⚠️ Dalším samostatným nákladem je Lovable Cloud (spravovaný hosting platformy). V předplatném není zahrnutý: pracovní prostor získá hosting zdarma v hodnotě 25 dolarů měsíčně + 1 dolar měsíčně na bezplatné používání AI. Poté platíte podle skutečného využití (čtení a zápisy do databáze, edge functions, úložiště). V jednom známém případě projekt s méně než 100 aktivními uživateli vyčerpal bezplatný limit za týden.

Claude Code: tarify a tokeny

Oficiální ceny Claude pro rok 2026:

Vývojáři vlastních integrací mohou používat také API tokeny: Opus 4.8 stojí 5 dolarů za milion vstupních tokenů a 25 dolarů za milion výstupních tokenů. Podrobnosti najdete v průvodci Opus 4.8 pro Claude Code.

Skutečné náklady na první projekt a seriózní projekt

Vezměme typický úkol: „Vytvoř web pro objednávání termínů s databází, rezervačním formulářem a administračním panelem.“

Lovable: V tarifu Pro (25 dolarů) bude vytvoření a doladění trvat přibližně 30–40 kreditů. Vejdete se do jednoho měsíce předplatného. Každý další nový produkt nebo zásadní redesign pak znamená další měsíc předplatného a případné náklady na Lovable Cloud.

Claude Code: V tarifu Pro (20 dolarů) zabere stejný úkol 3–4 hodiny práce a asi deset relací s AI. Měsíční limity stačí na 2–3 takové souběžné projekty a běžnou práci: úpravy textů na webu, drobné opravy a automatizační skripty.

Z dlouhodobého hlediska je rozdíl ještě výraznější. Claude Code může zpracovat mnoho tokenů za nižší cenu než sazby API, ale cenové srovnání závisí na používaném tarifu a pracovním postupu. Pokud vytváříte jeden produkt jednorázově, Lovable a Claude Code stojí přibližně stejně. Pokud máte 5–10 projektů a pravidelně na nich pracujete, skutečné náklady závisí na rozsahu využití.

Jaký kód získáte? Pod pokličkou#

S Lovable už máte odpověď na otázku „v čem je to napsané“. Každá aplikace používá:

• Frontend: React, Vite, Tailwind CSS a knihovnu hotových komponent shadcn/ui.
• Backend: Supabase – PostgreSQL pro databázi, Supabase Auth pro přihlášení, Supabase Storage pro soubory a Edge Functions na Deno pro logiku na straně serveru.
• Reálný čas: Supabase Realtime přes WebSocket pro chaty a aktualizace.
• Platby: integrované propojení se Stripe.
• Hosting: *.lovable.app v bezplatném tarifu, vlastní doména v placeném tarifu.

To je přednost: jeden ověřený stack, který pokryje 80 % úkolů pro člověka bez programátorských zkušeností. Zároveň je to omezení: pokud vytváříte bota na Telegramu, zpracování PDF dokumentů, skript pro stahování dat nebo mobilní aplikaci, Lovable nepřipadá v úvahu.

V Claude Code si stack vybíráte sami. Příklady projektů používaly:

• Next.js + TypeScript + PostgreSQL pro platformu pro tvůrce.
• Python + FastAPI pro jeden z backendů zákaznického produktu.
• Boty na Telegramu v TypeScriptu s knihovnou grammY.
• Skripty pro zpracování dat v Node.js.

Stejný Claude Code pracuje s jakoukoli složkou a jakýmkoli stackem: přečte obsah projektu, pochopí jeho strukturu a použije odpovídající jazyk. Získáte tak volnost, ale musíte se rozhodnout, který stack použijete.

Co se stane, když se produktu začne dařit: další rozvoj projektu#

Tento scénář si na začátku prověřuje jen málokdo, ale právě v něm se oba nástroje zásadně liší.

Představte si, že jste v Lovable vytvořili aplikaci na správu úkolů. Ujala se. Klienti píšou: „Přidejte propojení s naším CRM“, „Potřebujeme export do Excelu v konkrétní struktuře“, „Vytvořte mobilní aplikaci“. Co se stane?

• Jednoduché změny provedete pomocí promptů a utrácíte kredity.
• Složitější změny často narazí na architektonické limity: Lovable nezná vaše CRM, export má nestandardní podobu a mobilní aplikace vyžaduje jiný stack.
• Lovable nabízí export kódu a práci v editoru – to už ale není „vibe coding“. Je to běžný vývoj, při kterém musíte rozumět Reactu, TypeScriptu a Supabase.

V Claude Code k takovému přerušení nedochází. Přidáte integraci s CRM – Claude Code si přečte dokumentaci CRM, napíše klienta, otestuje ho a vytvoří commit. Potřebujete mobilní aplikaci – otevřete novou složku, zadáte úkol „Vytvoř iOS aplikaci ve Swiftu, která používá stejné API“ a dostanete výsledek. Kontext se neztratí, protože repozitář patří vám.

To neznamená, že je Lovable špatné – skvěle zvládá první úkol. Je to vstupní bod pro produkt, ne jeho dlouhodobý domov.

Když Claude Code a Lovable chybují: co se opravuje snáz?#

AI vždy dělá chyby. Hlavní otázkou je, kolik úsilí stojí jejich oprava.

Když se v Lovable něco pokazí, máte 3 možnosti:

1. Pokračovat v zadávání promptů: „Oprav to, tlačítko nefunguje.“ Často to zabere, ale někdy ne.
2. Vrátit změny pomocí historie Lovable. Vrácení se posune o N kroků najednou – není přesné.
3. Přepnout do Dev Mode (jen v placených tarifech) a upravit kód ručně.

Když se objeví chyba v Claude Code:

1. Uvidíte chybu v terminálu nebo prohlížeči a řeknete Claudovi: „Tady je chyba, zjisti, co se děje.“
2. Pokud se dostanete do slepé uličky, příkaz /rewind vrátí změny do posledního funkčního bodu (průvodce vracením změn).
3. Můžete sami otevřít soubor a opravit řádek – je to váš kód.

Výhodou Claude Code je, že vidíte, co se změnilo a kde je chyba. Lovable funguje jako „černá skříňka“ – dostanete výsledek, ale nevidíte příčinu. Začátečníkovi se tím uleví („nemusím to řešit“), ale jakmile je produkt složitější než běžná landing page, stává se to problémem.

4 scénáře, ve kterých je Lovable lepší než Claude Code#

Scénář 1: Landing page s formulářem a databází. „Chci stránku, na které lidé zadají e-mail a já v administračním panelu uvidím, kdo ho zadal.“ V Lovable to zabere 10 minut včetně designu, domény a SSL. V Claude Code zabere vytvoření kostry 1–2 hodiny a další hodinu její zveřejnění. U jednorázového úkolu Lovable výrazně vítězí.

Scénář 2: Demo prototyp pro investora nebo partnera. Za 3 dny máte na schůzce ukázat, jak bude produkt „fungovat“. Lovable vytvoří vizuálně působivý funkční prototyp za jeden večer. Můžete ho ukázat a říct: „Sem patří tahle logika a tamhle ta druhá.“ Partner kliká na tlačítka a vidí skutečný produkt, ne PowerPoint.

Scénář 3: Běžný produkt podle známé šablony. Jednoduché CRM pro agenturu, klientský portál s ověřováním uživatelů, dashboard s grafy. Lovable tyto aplikace vytvořilo už stokrát – model zná zavedené postupy. Máte větší šanci, že funkční výsledek získáte hned napoprvé.

Scénář 4: Když instalace představuje překážku. Pokud někdo opravdu nikdy neotevřel terminál a nechce řešit Node.js, git a VS Code, Lovable mu může dát výsledek, který Claude Code nedokáže. Funkční prototyp je lepší než projekt, se kterým jste nikdy nezačali.

4 scénáře, ve kterých je Claude Code lepší než Lovable#

Scénář 1: Jakýkoli projekt, který není webový. Bot na Telegramu, který odpovídá klientům a eviduje poptávky. Skript, který každou hodinu stahuje data z webů konkurence a posílá souhrn do Slacku. Analyzátor PDF, který získává data pro účetnictví. V Lovable je nevytvoříte – hodí se pouze pro web. V Claude Code jde o běžné večerní projekty.

Scénář 2: Seriózní dlouhodobý produkt. Pokud kolem produktu budujete firmu, potřebujete mít kód ve vlastním repozitáři GitHub, vlastní infrastrukturu a kontrolu nad vším. Lovable vás vždy váže k platformě: kód můžete exportovat, ale bez Lovable je obtížnější v jeho vývoji pokračovat (stack je pevně daný a architektonická rozhodnutí dělá nástroj za vás). V Claude Code je kód od začátku váš.

Scénář 3: Nestandardní architektura nebo stack. Chcete místo Node.js použít Bun. Chcete Postgres + Redis + ClickHouse. Chcete Python pro komponentu AI a Go pro mikroslužbu. Chcete workery, fronty a WebSocket mimo Supabase. V Lovable je to buď nemožné, nebo je potřeba „průlom“ v podobě ruční úpravy kódu – tím ale zanikne výhoda nástroje.

Scénář 4: Když potřebujete pro projekt druhý mozek. Seriózní produkt zahrnuje víc než kód; má také kontext: obchodní model, publikum, právní omezení a cíle. Tento kontext je ve složce business/ vedle kódu a Claude Code si ho přečte při každém požadavku (průvodce druhým mozkem v Claude Code). Lovable tuto vrstvu nemá – získáte technicky funkční produkt, aniž byste chápali „proč“.

Kombinace: Lovable → Claude Code v jednom projektu#

Tento postup je jednoduchý: každý nástroj se hodí na jinou práci, takže nemusíte volit „jeden, nebo druhý“.

Jak to funguje:

1. Fáze nápadu. Jeden večer s Lovable. Popíšete, co chcete, a získáte funkční prototyp s databází, ověřováním uživatelů a několika stránkami. To stačí k představení partnerovi nebo k provedení 5 rozhovorů s potenciálními klienty.

2. Fáze ověřování. Pokračujete v práci v Lovable, dokud je produkt jednoduchý. Po dobu 1–2 týdnů zadáváte prompty, provádíte drobné úpravy a přidáváte do databáze nová pole.

3. Předání. Když narazíte na limit Lovable (potřebujete vedle něj bota na Telegramu, složitou logiku nebo jiný jazyk), exportujete kód přes Dev Mode (vyžaduje tarif Pro) a naklonujete si repozitář lokálně.

4. Vývoj. Otevřete projekt ve VS Code a spustíte Claude Code ze stejné složky. Claude teď vidí kód, který vytvořilo Lovable, a může pokračovat v jeho vývoji. Architektura zůstane stejná (React + Supabase), kontrolu ale získáte vy.

Nevýhodou je, že první měsíc (nebo déle) platíte za Lovable a potom stejně přejdete na Claude Code. To je dalších 25–50 dolarů. Na oplátku ušetříte první týden vývoje. U většiny nápadů, které se neujmou, je těch 25 dolarů dobře vynaložených: rychle zjistíte, co nefungovalo, a neinvestujete dva týdny do kostry, kterou později zahodíte.

S Lovable za den předělala svůj hlavní web s 12 integracemi (Stripe, Customer.io, Meta Pixel) a potom uvedla funkci challenge prompts do produkce v Claude Code za 2 dny místo očekávaných 2 týdnů.

5 úskalí Lovable, o kterých se nepíše#

Úskalí 1: Bezplatný tarif vystačí na 1–2 večery. 5 kreditů denně stačí na kostru aplikace a pár úprav. Potom buď den čekáte, nebo zaplatíte 25 dolarů.

Úskalí 2: Přístup ke kódu je dostupný až v tarifu Pro nebo vyšším. Bezplatný tarif vám neumožňuje stáhnout kód, otevřít ho v editoru ani předat vývojáři. Pokud se rozhodnete odejít, přejdete na placený tarif, nebo začnete znovu.

Úskalí 3: Pevné navázání na Supabase. Pokud později chcete provozovat PostgreSQL na vlastním serveru, nahradit Supabase Auth vlastním ověřováním uživatelů nebo propojit jakýkoli backend, který není webový, je to bolestivé. Stack je zabudovaný v základech aplikace.

Úskalí 4: Jazyk rozhraní. Lovable ve výchozím nastavení vytváří rozhraní aplikací v angličtině. Svůj preferovaný jazyk výslovně uveďte v promptu, například „vytvoř to v mém preferovaném jazyce“. Některé texty mohou přesto zůstat anglicky, zejména systémové chyby a formuláře s kontrolou vstupů. Lze je opravit samostatnými prompty.

Úskalí 5: Zabezpečení Supabase je ve výchozím nastavení děravé. To je nejdůležitější bod, který na začátku nikdo nezmiňuje. Výzkumníci prověřili 1 645 aplikací v oficiální ukázkové galerii Lovable – 170 z nich (10,3 %) mělo v Supabase kritický problém s Row Level Security. Každý přihlášený uživatel mohl číst, měnit a mazat data ostatních. V reálných aplikacích se výzkumníci dostali k adresám klientů, výši dluhů a aktivním klíčům Stripe (CVE-2025-48757). Důvod: Lovable vytváří tabulky v Supabase, ale ve výchozím nastavení nezapíná zásady RLS. Řešení: po prvním spuštění ručně zapněte RLS pro každou tabulku a ověřte nastavení podle dokumentace Supabase. Pokud vytváříte produkt se skutečnými uživatelskými daty, neodkládejte to – udělejte to „hned po prvním vytvoření“.

5 úskalí Claude Code, která odrazují začátečníky#

Úskalí 1: Instalace je první překážka. Abyste mohli začít, musíte nainstalovat Node.js, npm, git, VS Code a samotný Claude Code. Ve Windows je potřeba naučit se pracovat s WSL. Na Macu je to jednodušší, ale i tak musíte otevřít terminál. Pokud jste to nikdy nedělali, prvních 30 minut strávíte zjišťováním, „jak to spustit“.

Úskalí 2: Bez kontextu můžete za den vyčerpat limity. V tarifu Pro za 20 dolarů se limity počítají podle zpráv a tokenů. Pokud při každém požadavku pošlete Claudovi 50 souborů projektu, narazíte na limit za 2–3 hodiny. Řešením je kontextové inženýrství: poskytujte jen potřebné informace, používejte /clear a /compact a udržujte soubor CLAUDE.md (průvodce limity).

Úskalí 3: Halucinace bez kontextu. Claude Code je chytrý, ale bez znalosti vašeho projektu si může vymyslet metody API, pole databáze nebo knihovny. Bez souboru CLAUDE.md s pravidly a složky business/ coby druhého mozku je výsledek loterie. S nimi získáte spolehlivou pracovní linku (průvodce CLAUDE.md).

Úskalí 4: Omezení přístupu a firemního vlastnictví. Podmínky přístupu závisí na poskytovateli a struktuře vlastnictví; ověřte si je, než si vyberete nástroj.

Úskalí 5: Chybí vizuální editor. Veškerá komunikace probíhá textem. Pokud potřebujete posunout tlačítko o 10 pixelů doprava, nemůžete ho přetáhnout – musíte to popsat slovy. Pro designové úkoly je to méně pohodlné než vizuální nástroje pro tvorbu webů včetně Lovable.

Jak se rozhodnout za 5 minut: rozhodovací tabulka#

Odpovězte na 5 otázek a zjistěte, který nástroj vám doporučit:

Pokud v prvních dvou řádcích označíte ✅ u Lovable a v ostatních ⚪/❌, zvolte Lovable. Pokud označíte ✅ u Claude Code v řádcích 3–5, zvolte Claude Code. Pokud označíte ✅ v obou sloupcích, používejte první 1–2 týdny Lovable a pak přejděte na Claude Code (viz část o kombinaci výše).

Ještě jedna věc: ať si vyberete kterýkoli nástroj, úzkým hrdlem není samotná AI. Záleží na tom, jak s ní pracujete. Kombinace tří pilířů (AI klon + Druhý mozek + Kontextové inženýrství) přináší konzistentní výsledky v jakémkoli nástroji. Bez ní AI halucinuje; s ní funguje jako spolehlivý stroj.

Kompletní průvodce vibe codingem za jeden večer: AI klon + Druhý mozek + Kontextové inženýrství.

Poznejte Ailoot.