Vibe coding
Pilíř A · Koncept 04
3 min čtení

Tech stack: co potřebuju a jak zjistím, že jsem připravený

„Tech stack" je sada nástrojů a technologií, ze kterých se tvůj projekt skládá. Pro vibe coding platí, že stack roste postupně podle toho, kde narazíš — neexistuje univerzální „tady máš seznam, registruj všechno".

Pět úrovní stacku#

Úroveň 1 — Pouze vibe coding platforma (první den)#

NástrojÚčelCena
Lovable (nebo alternativa)Stavění aplikaceFree tier

Stačí jeden nástroj. Otevřeš platformu, napíšeš, co chceš, a díváš se, jak appka vzniká. Nepotřebuješ účet nikde jinde, nepotřebuješ rozumět kódu ani mít povědomí o integracích. Cílem je osahat si, jak to celé funguje a vytvořit první jednoduchý ale funkční produkt.

Úroveň 2 — Claude/ChatGPT + GitHub (první ostrá appka)#

K Úrovni 1 přidáváš:

NástrojÚčelKdy přidat
Claude nebo ChatGPTBrainstorming, prompty, konzultaceKdyž chceš lepší zadání pro platformu
GitHubVerzování kódu, zálohaNež začneš dělat změny, o které nechceš přijít

AI chat ti pomůže promyslet zadání dřív, než ho pošleš do platformy — ušetří kola dohadování. GitHub ti dává vlastnictví kódu a také historii - každá verze je uložená a vždy se můžeš vrátit zpět.

S touhle úrovní dojdeš do konce Workshopu 2 — máš živou aplikaci s historií na GitHubu.

Úroveň 3 — Claude Code, GitHub Desktop, VS Code (jdeš do kódu)#

K Úrovni 2 přidáváš, když narazíš na limit platformy:

NástrojÚčelKdy přidat
Claude Code (web + app)Detailní úpravy kódu, debuggingKdyž ti Lovable nedoručí feature tak, jak chceš
GitHub DesktopKlikací git workflowPři prvním ručním zásahu do repozitáře
VS CodeEditor, náhled do kóduKdyž chceš vidět a upravovat soubory

Tady přestáváš být jen u promptů a začínáš pracovat přímo s kódem. Claude Code dělá většinu práce, ty řídíš směr.

Úroveň 4 — Produkční infrastruktura (appka s uživateli)#

K Úrovni 3 přidáváš podle potřeby:

NástrojÚčelWorkshop
Databáze (Supabase / Lovable Cloud)Ukládání dat
Vlastní hosting (Vercel / Cloudflare Pages)Provoz appky mimo platformu
Vlastní doménaProfesionální URL
Autentizace uživatelůPřihlašování, účty
ResendTransakční e-mailyWS 9
Polar.sh nebo StripePlatbyWS 12

Tohle je úroveň, kde z prototypu děláš službu: lidé si vytvoří účet, jejich data se ukládají, dostávají e-maily a můžeš jim něco prodat.

Úroveň 5 — Růst a optimalizace (škálování)#

K Úrovni 4 přidáváš, až appka žije:

NástrojÚčelWorkshop
Claude DesignVizuální design iteraceWS 6
Search ConsoleSEO, indexování v GoogluWS 10
Vercel AI SDKAI featury v appceWS 13
Plausible / PostHogAnalyticsWS 11

Tady už neřešíš „jestli to funguje", ale „jak to roste". Měříš návštěvnost, ladíš vzhled, dostáváš se do vyhledávání a přidáváš chytré featury.

Kdy upgradovat#

flowchart TB
  L1[Úroveň 1: Vibe coding platforma] -->|Chci lepší zadání a zálohu| L2[Úroveň 2: Claude + GitHub]
  L2 -->|Platforma mi nestačí, jdu do kódu| L3[Úroveň 3: Claude Code + VS Code]
  L3 -->|Chci reálné uživatele a data| L4[Úroveň 4: Produkční infrastruktura]
  L4 -->|Chci růst, SEO, analytiku| L5[Úroveň 5: Růst a optimalizace]

Nedělej upgrade dopředu. Žádný cit pro „mít všechno připravené" se nevyrovná tomu, jak rychle to zjistíš, až narazíš.

Kontrolní otázky#

Než pustíš první workshop (Úroveň 1):

  • ☐ Mám účet na Lovable (nebo alternativě z Vibe coding platforem)?
  • ☐ Vím, k čemu projekt má sloužit a kdo bude jeho uživatel?

Pokud ano, jsi připravený na Workshop 1.

Než přejdeš na Úroveň 2:

  • ☐ Mám účet na Claude (nebo jiném AI chatu) pro promýšlení zadání?
  • ☐ Mám účet na GitHubu pro verzování?

Než přejdeš na Úroveň 3:

  • ☐ Mám hotovou první funkční aplikaci?
  • ☐ Vím, jaký feature mi platforma nedoručila tak, jak jsem chtěl?

Pokud ano, je čas jít do kódu přes Claude Code a dál.

Otestuj se#

Kvíz

Stavíš svou úplně první aplikaci v Lovable. Co je zbytečné registrovat / nastavovat hned?