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

> Lovable a Claude Code: ceny, pro koho se který nástroj hodí a na jaká úskalí si dát pozor. Rozhodovací tabulka a pracovní postup, při kterém Lovable načrtne kostru a Claude Code doladí logiku.

Source: https://ailoot.ai/blog/cs/lovable-vs-claude-code-2026/
Canonical: https://ailoot.ai/blog/cs/lovable-vs-claude-code-2026/
Language: cs
Publisher: Ailoot (https://ailoot.ai/)
Translation: guide-169
Revision: sha256-5d1b232f50bcd06a32a52200441ddede6ca58df4d37aab5785873fdbd541b1a2


<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Lovable je nástroj pro tvorbu webů v prohlížeči: napíšete „Chci aplikaci na správu úkolů s ověřováním uživatelů“ a do minuty máte živý web postavený na Reactu + Supabase. Claude Code je lokální asistent v terminálu. Pracuje s jakýmkoli stackem a kódem, ale musíte ho nainstalovat a alespoň trochu se vyznat v souborech. Lovable je pohodlnější pro první prototyp, který můžete vytvořit za jeden večer; Claude Code je určený pro seriózní vývoj. Zkušení vibe coders v praxi používají oba nástroje: Lovable načrtne kostru a Claude Code doladí logiku.

</div>

Informace o práci s Ailoot jsou k dispozici v [dokumentaci](https://ailoot.ai/docs/).

## Co jsou Lovable a Claude Code?

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Lovable je webová aplikace v prohlížeči: popíšete produkt textem a AI vytvoří živý web s databází a ověřováním uživatelů. Claude Code je program pro terminál, který pracuje se složkou vašeho projektu, čte a zapisuje soubory a spouští příkazy. První nástroj je připravené „vše v jednom“, druhý je univerzální nástroj.

</div>

[Lovable](https://lovable.dev) 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](https://claude.com/customers/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](https://claude.com/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](https://www.anthropic.com/news/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?

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Lovable je pro vás, pokud chcete za jeden večer vidět funkční prototyp a zatím se nechcete zabývat instalací nástrojů. Claude Code je pro vás, pokud už víte, co je složka projektu a git, a chcete mít nad kódem plnou kontrolu. Ani jeden není „lepší“ – jde o to, „kdy který použít“.

</div>

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?

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Oba nástroje si můžete vyzkoušet zdarma. Lovable poskytuje 5 kreditů denně a veřejné projekty; Claude Code nabízí bezplatný chat bez CLI. Skutečný první projekt stojí od 25 dolarů měsíčně s Lovable a od 20 dolarů s Claude Code. S růstem projektu se ale Lovable kvůli limitům počtu zpráv prodraží 4–5krát oproti Claude Code.

</div>

### Lovable: tarify a kredity

[Oficiální ceny Lovable](https://lovable.dev/pricing) k květnu 2026:

| Tarif | Cena | Kredity měsíčně | Co je zahrnuto |
|----|----|----|----|
| Free | 0 dolarů | 5 denně, až 30 měsíčně | Pouze veřejné projekty na `*.lovable.app` |
| Pro | 25 dolarů (21 dolarů při roční fakturaci) | 100 + 5/den (až 150) | Soukromé projekty, vlastní doména, synchronizace s GitHubem |
| Business | 50 dolarů (42 dolarů při roční fakturaci) | 100 + 5/den | Týmy, SSO, pokročilá oprávnění |
| Enterprise | Dle smlouvy | Vlastní | Podnikové funkce |

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](https://claude.com/pricing) pro rok 2026:

| Tarif | Cena | Pro koho je určen |
|----|----|----|
| Free | 0 | Pouze chat na claude.ai; Claude Code není zahrnut |
| Pro | 20 dolarů / měsíc | Několik relací denně, pro běžného vibe codera |
| Max 5x | 100 dolarů / měsíc | Práce v Claude Code celý den |
| Max 20x | 200 dolarů / měsíc | Spouštění autonomních agentů při dlouhých úkolech |
| Team Standard | 25 dolarů / místo / měsíc | Pro tým |
| Team Premium | 125 dolarů / místo / měsíc | Pro tým s vyššími limity |

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](https://ailoot.ai/blog/cs/opus-4-8-claude-code-features/).

### 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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Lovable vždy vytváří stejný stack: React + Vite + Tailwind + Supabase. Je to pohodlné, ale nehodí se, pokud váš projekt do něj nezapadá. Claude Code píše v libovolném jazyce, který si vyžádáte: Python, Go, Rust, TypeScript, Swift. Máte úplnou volnost ve výběru stacku a plnou odpovědnost za tuto volbu.

</div>

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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

V Lovable po vytvoření první verze buď zadáváte další prompty v Lovable (a narážíte na jeho limity a architekturu), nebo kód „exportujete“ do vlastních souborů a přejdete do editoru kódu – tím ale zanikne celá výhoda nástroje. V Claude Code přidáváte nové úkoly ve stejném terminálu. Kód je vždy váš a máte nad ním kontrolu.

</div>

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?

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Chyby dělají oba nástroje. Chyby Lovable bývají „hlubší“ – často se týkají architektury nebo nastavení Supabase – a opravíte je pouze dalším promptem nebo ruční úpravou kódu. Chyby Claude Code jsou blíž povrchu, v souborech, a lze je přesně opravit pomocí `/rewind` nebo gitu. Zkušený vibe coder si spíš vystačí s Claude Code; začátečník s Lovable.

</div>

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](https://ailoot.ai/blog/cs/claude-code-undo-changes/)).
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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Landing page pro reklamní kampaň, anketní formulář s databází, funkční prototyp na schůzku s investorem, běžné CRM nebo dashboard – to vše Lovable vytvoří 5–10krát rychleji. Pokud váš projekt odpovídá některému z těchto scénářů, nemá smysl trápit se v terminálu.

</div>

**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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Bot na Telegramu, automatizační skript, mobilní aplikace nebo seriózní dlouhodobý produkt s vlastním repozitářem – to vše je v Lovable buď nemožné, nebo narazí na strop během 1–2 týdnů. Claude Code funguje bez omezení stacku či architektury.

</div>

**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](https://ailoot.ai/blog/cs/claude-code-second-brain/)). Lovable tuto vrstvu nemá – získáte technicky funkční produkt, aniž byste chápali „proč“.

## Kombinace: Lovable → Claude Code v jednom projektu

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Zkušenější vibe coders často kombinují oba nástroje: nejprve Lovable za jeden večer vytvoří kostru produktu, potom kód exportujete, otevřete ve VS Code a pokračujete ve vývoji s Claude Code. Získáte rychlý start s Lovable a kontrolu nad vývojem díky Claude Code.

</div>

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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Limity bezplatného tarifu vyčerpáte za jeden večer. Kód je váš až v tarifu Pro nebo vyšším. Architektura je pevně spojená se Supabase. Rozhraní nemusí být hned dostupné ve vašem preferovaném jazyce. Jste pevně vázáni na platformu: s růstem projektu zůstává váš kód u dodavatele.

</div>

**Ú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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Instalace vyžaduje terminál, Node.js a git – to je první překážka. Pokud nerozumíte počítání tokenů, můžete limity vyčerpat. Bez CLAUDE.md a kontextového inženýrství AI halucinuje. Chybí vizuální editor – vše se dělá textem.

</div>

**Ú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](https://ailoot.ai/blog/cs/claude-code-token-limits-saving/)).

**Ú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](https://ailoot.ai/blog/cs/claude-md-template/)).

**Ú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

<div class="aside" data-semantic="key-takeaway" role="note" aria-label="Hlavní poznatek">

Hlavní poznatek

Pokud vytváříte běžný webový produkt jako nápad a nechcete řešit instalaci: Lovable. Pokud vytváříte něco nestandardního, dlouhodobý produkt nebo jste připraveni strávit večer instalací: Claude Code. Pokud si nejste jistí: měsíc používejte Lovable a po dosažení jeho limitů přejděte na Claude Code.

</div>

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

| Otázka | Lovable | Claude Code |
|----|----|----|
| Nikdy jste neotevřeli terminál a nechcete s tím začínat? | ✅ | ❌ |
| Jde o jednoduchý web (stránku, formulář, CRM, dashboard)? | ✅ | ⚪ funguje, ale trvá to déle |
| Potřebujete bota na Telegramu, skript nebo mobilní aplikaci? | ❌ | ✅ |
| Chcete mít plnou kontrolu nad kódem a stackem? | ❌ | ✅ |
| Vytváříte dlouhodobý produkt ve vlastním repozitáři? | ⚪ přes export | ✅ |

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. 

<div class="section" role="doc-bibliography" aria-label="Zdroje">

### Zdroje

- [Lovable – oficiální web a ceny](https://lovable.dev/pricing)
- [Dokumentace Lovable – tarify a kredity](https://docs.lovable.dev/introduction/plans-and-credits)
- [Příběh zákazníka Anthropic – Lovable](https://claude.com/customers/lovable)
- [Claude – oficiální ceny 2026](https://claude.com/pricing)
- [Anthropic – oznámení Claude Opus 4.7](https://www.anthropic.com/news/claude-opus-4-7)

</div>

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



Poznejte [Ailoot](https://ailoot.ai/).

## Časté otázky

### Jaké náklady porovnávat vedle předplatného nástroje?

U Lovable započtěte kredity a spotřebu Lovable Cloud nad zahrnutý limit. U obou postupů zahrňte hosting, databázi a doménu, které projekt skutečně potřebuje; porovnávejte účet za dokončený projekt, nikoli jen předplatné.

### Co ověřit před vložením skutečných uživatelských dat do vygenerované aplikace?

Prověřte řízení přístupu k databázi včetně Supabase Row Level Security u všech relevantních tabulek a ověřte, že uživatel nemůže číst ani měnit data jiného uživatele. Samotná funkční přihlašovací obrazovka izolaci dat neprokazuje.


## Ailoot · Společnost a její portfolio projektů

Ailoot staví na dlouhodobých provozních zkušenostech, široké klientské základně, stabilních službách a průběžném sledování KPI.

Společnost a její portfolio projektů: miliony zákazníků; měsíční tržby v miliardách.

Ailoot využívá tyto provozní zkušenosti k poskytování přístupu přes API k funkcím AI v produktech zákazníků, agentech, aplikacích a automatizacích.
