Webové vibe coding nástroje
Bolt.new
AI builder od StackBlitz, který rozjede celou appku rovnou ve vašem prohlížeči. Nejrychlejší start z builderů. Za to tempo ale platíte tokeny.
Autor: Jindřich Fáborský · 17 let v marketingu · 2 000+ hodin vibe codingu · 180+ projektů
Rychlá odpověď
Co je tedy Bolt.new?
Bolt.new je webový nástroj na vibe coding od firmy StackBlitz. Napíšete, co chcete, a Bolt vám postaví celou appku: frontend, Node.js backend i databázi. Jeho parádní trik je, že celé vývojové prostředí běží přímo ve vaší záložce prohlížeče, bez instalace a bez vzdálených serverů.
Pod kapotou ho pohání modely Claude od Anthropicu, proto bývá první výsledek slušný. Háček je v ceně: platí se tokeny a ty na free tarifu zmizí překvapivě rychle.
Oproti ostatním webovým nástrojům schovává nejmíň techniky: vidíte kód, volíte model, synchronizujete s GitHubem. Nejmenší blackbox.
Čím je Bolt jiný
Celá appka běží ve vašem prohlížeči
Editor, terminál i živá appka, všechno v jedné záložce. Nic neinstalujete, nečekáte na vzdálený server. Tohle Bolt umí jako zatím jediný z velkých builderů.
Editor
export default function App() { return ( <main> <h1>Ahoj 👋</h1> </main> ); }
Terminál (v prohlížeči)
čeká na spuštění…
Živý náhled
Žádný vzdálený server, žádná instalace na vašem počítači. Bolt rozjede Node.js i dev server uvnitř záložky díky technologii WebContainers.
Jak to chodí
Od promptu k běžící appce
Pět kroků, jak Bolt reálně používáte. Proklikejte si je, vlevo vaše zadání, vpravo, co se v appce děje.
Chat
Installing dependencies...
npm install react react-dom vite
tailwindcss recharts...
Krok 1 z 5
Popíšete appku
Do chatu napíšete, co chcete postavit. Bolt okamžitě spustí Node.js prostředí přímo v prohlížeči, nainstaluje závislosti a připraví projekt za sekund. Žádný terminál, žádná lokální instalace.
Z jedné věty celá full-stack appka, přímo v prohlížeči bez terminálu.
K čemu se hodí
Na co je Bolt nejlepší
Bolt je úžasný na start nového projektu. Z mé zkušenosti i nezávislých recenzí dává největší smysl na tyhle typy úkolů.
Rychlý prototyp nápadu
Chcete za večer ověřit nápad? Bolt z promptu rozjede funkční appku, kterou hned proklikáte. První build bývá překvapivě dobrý.
Web nebo appka v JavaScriptu
React, Vue, Svelte, Next, Astro. Bolt zvládne skoro jakýkoli JS framework a k tomu Node.js backend a databázi. Celé v jednom okně.
Učení se vibe codingu
Z builderů schovává nejmíň techniky: vidíte kód, volíte model, synchronizujete s GitHubem. Dobrá první štace, než půjdete dál.
Kolik Bolt stojí
Na vyzkoušení i zdarma
Začít můžete zdarma. Platí se podle spotřeby tokenů a funkcí, které potřebujete.
Free
Zdarma
1 milion tokenů měsíčně, max 150 tisíc denně. Appky nesou Bolt branding. V praxi vydrží zhruba půl hodiny aktivní práce.
Pro
od 25 $ / měsíc
10 milionů tokenů, bez denního limitu, vlastní doména, bez brandingu. Nevyužité tokeny se přesunou o měsíc dál.
Teams
30 $ / člen
Vše z Pro plus centrální fakturace, správa týmu a sdílené znalosti o designu.
Enterprise
Na míru
SSO, audit logy, compliance, dedikovaný account manager a vlastní SLA.
Roční platba dává slevu až 28 %. Aktuální ceník je na bolt.new/pricing.
Pravda o tokenech
Za rychlost platíte spotřebou
Tohle u Boltu řeší úplně každý. Není to skrytý poplatek, ale vyplatí se vědět, jak tokeny mizí, ať vás to nepřekvapí.
≈ 30 min
tolik free tokenů vydrží aktivní práce s pár úpravami (z nezávislého testu)
celý projekt
Bolt posílá AI při každém promptu všechny soubory, takže větší appka pálí rychleji
i chat
tokeny spotřebovává i obyčejný chat, navzdory tomu, co občas slibuje marketing
Jak šetřit: používejte režim Discussion (diskuse o řešení bez generování kódu), zadávejte konkrétní prompty místo desítek malých úprav a co jde, řešte tlačítky, ne prosbou do chatu. Jeden promyšlený prompt s kontextem je levnější než dvacet pokusů.
Kde Bolt narazí
Co Bolt neumí a kdy přejít dál
Bolt je svět JavaScriptu. Na frontendu si vybíráte, na backendu ne, a na ostrý provoz to není.
Na frontendu je Bolt naopak nejširší z builderů: zvládne React, Vue, Svelte, Next.js, Astro i čisté statické HTML. Omezení je až na backendu a u jazyka.
Na produkci pozor. Nezávislí recenzenti se shodují: skvělé na prototyp, ne na ostrý provoz. Bezpečnost je slabá, nasazení je černá skříňka bez logů a s každou další iterací kód spíš degraduje. Jakmile to myslíte vážně, vezměte kód přes GitHub a appku dotáhněte v Claude Code, kde máte plnou kontrolu. Bolt je výborný odrazový můstek, ne cílová stanice.
Kam dál
Z Boltu se dá odejít, a to je dobře
Na rozdíl od uzavřenějších builderů vás Bolt nedrží. Kód je váš, cesta ven je připravená.
Claude Code
Appku dotáhnete tam, kde máte plnou kontrolu, logy a žádné mizející tokeny.
Co je Claude Code →Bolt je výborný start. Ale appku, na které vám záleží, dotáhnete tam, kde nejste závislí na jednom nástroji. Stejnou cestu najdete i v průvodci pro Lovable a pro v0.
Bolt je skvělý začátek, ale vyplatí se umět víc.
V kurzu AI First vás naučím vibe coding od nuly: jak zadávat, jak hlídat náklady a jak appku přenést do produkce přes Claude Code. Tedy přesně to, kde buildery jako Bolt končí.
21 hodin praktických videí · 1 800+ absolventů · parťák s 2 000+ hodinami praxe
FAQ
Časté otázky
Je Bolt.new zdarma?+
Má bezplatný tarif: 1 milion tokenů měsíčně a 150 tisíc denně. Zní to hodně, ale v praxi to vystačí zhruba na 30 minut aktivní práce s pár úpravami, pak tokeny dojdou. Na reálný projekt se počítá s tarifem Pro od 25 dolarů měsíčně (10 milionů tokenů, bez denního limitu). Aktuální ceník je na bolt.new/pricing.
Proč v Boltu tak rychle mizí tokeny?+
Bolt při každém promptu posílá AI celý stav projektu, tedy všechny soubory. Čím větší appka, tím víc tokenů spolkne jedna jediná zpráva. A pozor: i obyčejný chat tokeny spotřebovává, i když to marketing občas naznačuje jinak. Nejvíc ušetříte v režimu Discussion (diskuse bez generování kódu), konkrétními prompty a tím, že použijete tlačítka místo proseb do chatu.
Umí Bolt i backend a databázi?+
Ano, ale jen v JavaScriptu. Frontend zvládne skoro jakýkoli JS framework (React, Vue, Svelte, Next.js, Astro) i čisté statické HTML. Backend ale výhradně Node.js, žádné PHP, Python ani Go. Databázi má vestavěnou (Bolt Cloud), nebo si napojíte Supabase.
Bolt.new, nebo Lovable?+
Pěkně to vystihl jeden nezávislý recenzent: Bolt je Lovable pro ty, co chtějí jít dál, Lovable je Bolt pro ty, co nechtějí. Bolt dává víc kontroly (volba modelu, čištění chatu, GitHub) a širší výběr frameworků. Lovable víc schovává a má databázi Supabase v základu. Na rychlé MVP bez technikaření sáhněte po Lovable, na učení a pozdější přechod dál po Boltu.
Dostanu z Boltu svůj kód?+
Ano. Bolt se obousměrně synchronizuje s GitHubem, automaticky commituje a pushuje. Kód je standardní JavaScript a Node.js, plně přenositelný. Můžete v Boltu nakopnout prototyp a pak odejít do Cursoru nebo Claude Code, žádný zámek na úrovni kódu vás nedrží.
Je Bolt vhodný na ostrou, produkční aplikaci?+
Spíš ne. Nezávislí recenzenti se shodují: na prototyp super, na produkci pozor. Bezpečnost je slabá (klíče prochází přes AI, soubory s tajnými údaji bývají vystavené), nasazení je černá skříňka bez chybových logů a s každou další iterací kód spíš degraduje. Na ostrý provoz appku přeneste do vlastního kódu, třeba přes Claude Code.
V jakém prohlížeči Bolt běží?+
Plně funguje jen v prohlížečích na jádře Chromium (Chrome, Edge, Brave a podobně). Firefox má omezenou podporu. Na mobilu appku otevřete, ale editor kódu a databáze tam nejsou. Je to dané tím, že Bolt rozjíždí celé vývojové prostředí přímo v záložce prohlížeče.