Průvodce pro vibe codery
Co je Vercel?
Cloud, kde vaše appky a weby žijí online. Napojíte GitHub a každou změnu nasadíte pohodlně přímo z Claude Code.
Autor: Jindřich Fáborský · 17 let v marketingu · 2 000+ hodin vibe codingu · 180+ projektů
Vercel
Hosting pro vaše appky a weby.
Rychlá odpověď
Co je tedy Vercel?
Vercel je cloud, kde váš web nebo appka běží online. Co postavíte s AI, vidíte na svém počítači jen vy. Vercel z toho udělá živou adresu pro celý svět.
Napojíte na něj GitHub a od té chvíle se každá změna nasadí sama. Web hned poběží na bezplatné adrese a HTTPS vyřeší Vercel za vás. Začít je zdarma a příkazy obsluhuje Claude Code.
Co za vás vyřeší:
Jak to funguje
Pushnete změnu, Vercel zbytek udělá sám
Vy uděláte git push, o zbytek se postará Vercel: stáhne změnu z GitHubu, postaví ji a pustí na váš web. Vyzkoušejte si to.
Vy uděláte jedinou věc
git push(a i tohle za vás spustí Claude Code)
Co Vercel udělá sám
- 1Vercel zachytí nový commit z GitHubu
- 2Stáhne kód a nainstaluje závislosti
- 3Postaví projekt (build)
- 4Pustí web na živou adresu vasprojekt.vercel.app
Tohle celé navazuje na GitHub: kód žije tam, Vercel ho z něj bere a posílá na web.
Skrytá superschopnost
Vercel z terminálu, ovládaný Claude Code
Většinu věcí naklikáte v dashboardu. Ale existuje Vercel CLI: nasazení, logy i tajné klíče přímo z terminálu. A to za vás obsluhuje Claude Code.
# vy řeknete běžnou větu
› Nasaď to do produkce a ukaž mi logy, něco tam padá.
# Claude Code spustí Vercel CLI:
vercel --prod
vercel inspect vasprojekt.cz --logs
vercel env add API_KEY production
✓ Nasazeno. Chyba v logu odhalena, klíč doplněn.
Proč na tom záleží
Klikání v dashboardu je fajn na začátek. Jakmile ale něco ladíte, terminál je rychlejší: logy z produkce, hromadné nastavení proměnných, ruční deploy. Je to stejný princip jako u GitHubu a nástroje gh.
Vy si CLI nainstalujete a přihlásíte jednou. Pak už jen v terminálu řeknete Claude Code, co chcete, a on příkazy poskládá za vás.
Co byste v rozhraní klikali pět minut, je v Claude Code jedna věta. Přesně tohle dělám u svých projektů denně.
Kolik to stojí
Zdarma na začátek, Pro až když to dává smysl
Vercel se platí podle toho, co stavíte. Vyberte si, co nasazujete, a uvidíte, jestli vám stačí free tier.
Co chcete nasadit?
Aktuální limity a ceny: vercel.com/pricing
Z praxe (poctivě): mám na Vercelu kolem 15 webů a appek a platím Pro, zhruba 20 USD měsíčně. Pozor ale na build minuty: čím víc commituji, tím víc se buildí. Moje poslední faktura byla 39,59 USD za 544 build minut. Na rozjezd vám free tier klidně vydrží rok.
Ať se nespálíte
Tři věci, na kterých začátečníci uvíznou
Nic z toho není věda, ale každý zádrhel mě někdy stál čas. Vezměte si je rovnou.
Tajné klíče patří do nastavení, ne do kódu
API klíče a hesla nikdy nevkládejte do kódu. Na Vercelu je vložíte jako environment proměnné. Pozor: proměnné typu NEXT_PUBLIC_ se zapečou do webu při buildu, takže po jejich změně musíte web nasadit znovu, jinak se nepromítnou.
Commit musí mít váš e-mail
Vercel deploy odmítne, když commit nemá rozpoznatelný e-mail (AI si ho někdy vymyslí). Stačí Claude Code jednou říct, ať používá ten váš, a má pokoj. Já jezdím na faborsky@gmail.com.
Na nepřetržité procesy radši jiný server
Vercel je skvělý na weby a API, ale dlouho běžící úlohy (workeři, fronty) mu nesedí. Spálil jsem se na tom u vlastních automatizací. Na tohle se hodí spíš Railway nebo Hetzner.
Víc o tom, proč klíče nikdy nepatří do kódu, rozebírá průvodce Co je API a bezpečnostní část průvodce Co je GitHub.
Chcete appku dostat z počítače na web?
Celou cestu od nápadu po web na vlastní doméně, včetně GitHubu a Vercelu, vás v kurzu AI First provedu krok za krokem.
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 180+ projektů (a hostuje je právě na Vercelu).
FAQ
Časté otázky
Co je Vercel a k čemu ho jako vibe coder potřebuju?+
Vercel je cloudová platforma, kde váš web nebo appka běží online, aby ji viděl celý svět. Když něco postavíte s AI, na svém počítači to vidíte jen vy. Vercel z toho udělá živou adresu na internetu. Napojíte ho na GitHub a od té chvíle se každá změna nasadí sama.
Je Vercel zdarma?+
Pro osobní a nekomerční projekty ano, tarif Hobby je zdarma napořád a na začátek bohatě stačí. Jakmile na projektu vyděláváte, děláte na něm v týmu nebo narazíte na limity, přejdete na Pro za 20 USD za člověka měsíčně. Pozor, k Pro se připočítává spotřeba: čím víc commitů a buildů, tím vyšší faktura. Moje poslední byla 39,59 USD za 544 build minut.
Jak nasadím appku na Vercel?+
Napojíte svůj GitHub repozitář (jedno kliknutí v dashboardu) a Vercel sám pozná, co to je za projekt, postaví ho a nasadí. Od té chvíle stačí git push a nová verze je za pár desítek vteřin online. Žádné FTP, žádné ruční nahrávání. A i ten push za vás udělá Claude Code.
Musím umět Vercel CLI a příkazy?+
Nemusíte. Nasazení i správu zvládnete klikáním v dashboardu, nebo to celé řeknete česky Claude Code, který Vercel CLI spustí za vás. Vědět, že existuje, se ale hodí: přes příkazy jako vercel logs nebo vercel env se ladí chyby a tajné klíče mnohem rychleji než myší.
Vercel, Netlify, nebo GitHub Pages?+
Vercel je doma u moderních appek (hlavně Next.js) a fullstack projektů a používá ho většina vibe coding scény. Netlify je podobný a má štědřejší podmínky pro komerční projekty zdarma. GitHub Pages zvládne jen statické stránky bez backendu. Pro vibe codera je Vercel nejbezpečnější výchozí volba.
Potřebuju vlastní doménu?+
Nepotřebujete. Každý projekt dostane adresu zdarma ve tvaru vasprojekt.vercel.app. Vlastní doménu (třeba vasefirma.cz) ale připojíte snadno: koupíte ji u registrátora, nasměrujete DNS na Vercel a HTTPS certifikát Vercel nastaví sám a zdarma.
Kdy Vercel nestačí?+
Na weby, appky a běžné API je ideální. Hůř si rozumí s procesy, které musí běžet pořád dlouho (nepřetržití workeři, dlouhé fronty, WebSockety). Na tohle se víc hodí server typu Railway nebo Hetzner. Pro drtivou většinu toho, co vibe coder staví, ale Vercel bohatě stačí.