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 | Účel | Cena |
|---|---|---|
| Lovable (nebo alternativa) | Stavění aplikace | Free 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 | Účel | Kdy přidat |
|---|---|---|
| Claude nebo ChatGPT | Brainstorming, prompty, konzultace | Když chceš lepší zadání pro platformu |
| GitHub | Verzování kódu, záloha | Než 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 | Účel | Kdy přidat |
|---|---|---|
| Claude Code (web + app) | Detailní úpravy kódu, debugging | Když ti Lovable nedoručí feature tak, jak chceš |
| GitHub Desktop | Klikací git workflow | Při prvním ručním zásahu do repozitáře |
| VS Code | Editor, náhled do kódu | Když 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 | Účel | Workshop |
|---|---|---|
| Databáze (Supabase / Lovable Cloud) | Ukládání dat | — |
| Vlastní hosting (Vercel / Cloudflare Pages) | Provoz appky mimo platformu | — |
| Vlastní doména | Profesionální URL | — |
| Autentizace uživatelů | Přihlašování, účty | — |
| Resend | Transakční e-maily | WS 9 |
| Polar.sh nebo Stripe | Platby | WS 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 | Účel | Workshop |
|---|---|---|
| Claude Design | Vizuální design iterace | WS 6 |
| Search Console | SEO, indexování v Googlu | WS 10 |
| Vercel AI SDK | AI featury v appce | WS 13 |
| Plausible / PostHog | Analytics | WS 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#
Stavíš svou úplně první aplikaci v Lovable. Co je zbytečné registrovat / nastavovat hned?