Bolt.new návod: Webová aplikace za hodinu [2026]

Co je Bolt.new a proč ho používat

Bolt.new je AI-powered vývojové prostředí, které běží kompletně v prohlížeči. Na rozdíl od lokálních editorů jako Cursor nebo VS Code nepotřebujete nic instalovat - stačí otevřít bolt.new a začít psát, co chcete vytvořit.

Hlavní vlastnosti

Bolt.new staví na technologii WebContainers od StackBlitz, což znamená, že celý Node.js runtime běží přímo ve vašem prohlížeči. To přináší klíčové výhody:

• Nulová instalace - žádný setup, žádné CLI, žádné závislosti na vašem počítači
• Okamžitý náhled - vidíte změny v reálném čase přímo vedle editoru
• AI-first přístup - popíšete co chcete přirozeným jazykem a Bolt vygeneruje kód
• Plný stack - frontend i backend v jednom prostředí, včetně databáze
• Jeden klik deploy - nasazení na Netlify přímo z rozhraní

Bolt.new je ideální volba, pokud chcete rychle prototypovat nápady, vytvořit MVP nebo se naučit vibecoding bez složitého setupu.

Registrace a první kroky

1. Vytvoření účtu

Přejděte na bolt.new a klikněte na "Sign up". Můžete použít Google účet, GitHub účet nebo e-mail. Po přihlášení se rovnou dostanete do hlavního rozhraní.

2. Orientace v rozhraní

Bolt.new má překvapivě jednoduché rozhraní. Hlavní prvky jsou:

• Chat panel (vlevo) - sem píšete své požadavky přirozeným jazykem
• Editor (uprostřed) - zobrazuje vygenerovaný kód, který můžete přímo upravovat
• Náhled (vpravo) - live preview vaší aplikace, aktualizuje se automaticky
• Terminál (dole) - výstup z build procesu a logů

Na rozdíl od Lovable, kde je editor skrytý a pracujete primárně přes chat, Bolt.new vám dá plný přístup ke kódu od začátku.

3. Cenové plány

• Free - omezený počet zpráv denně (typicky 5-10), základní modely
• Pro ($20/měsíc) - více zpráv, přístup k lepším AI modelům (Claude Sonnet, GPT-4o), prioritní zpracování
• Teams - pro týmy s více členy, sdílené projekty

Praktický příklad: Pomodoro timer aplikace

Nejlepší způsob, jak se naučit Bolt.new, je rovnou něco postavit. Vytvoříme jednoduchou Pomodoro timer aplikaci - časovač pro produktivitu s 25minutovými pracovními bloky a 5minutovými přestávkami.

Krok 1: Zadejte první prompt

Po přihlášení do Bolt.new napište do chatu:

Vytvoř Pomodoro timer aplikaci v Reactu s Tailwind CSS. Aplikace má mít: 25minutový pracovní časovač a 5minutový přestávkový časovač, tlačítka Start, Pause a Reset, vizuální indikátor průběhu, zvukovou notifikaci na konci časovače, počítadlo dokončených pomodoro cyklů, tmavé a světlé téma, responzivní design.

Bolt.new začne generovat kompletní projekt. Celý proces trvá typicky 30-60 sekund.

Krok 2: Zkontrolujte náhled

Jakmile Bolt dokončí generování, v pravém panelu uvidíte živou ukázku aplikace. Klikněte na časovač, zkuste tlačítka.

Krok 3: Iterujte pomocí chatu

Tady začíná skutečná síla vibecoding. Místo ručních úprav kódu píšete další požadavky. Každá zpráva vygeneruje konkrétní změny v kódu, které vidíte v reálném čase.

Krok 4: Ruční úpravy v editoru

Pokud chcete změnit něco malého - třeba barvu nebo text - můžete kliknout přímo do editoru a upravit kód ručně. Bolt.new to respektuje.

Krok 5: Nasaďte aplikaci

Když jste spokojeni s výsledkem, klikněte na tlačítko "Deploy". Bolt.new nabízí deploy na Netlify - po propojení účtu se aplikace nasadí během pár sekund.

Pokročilé funkce

Šablony a startovací body

Bolt.new nabízí šablony pro běžné typy projektů - React, Next.js, Vue, Svelte, Astro a další.

Backend a API

Díky WebContainers můžete v Bolt.new spustit i Node.js backend - Express nebo Fastify API, SQLite databázi, serverové funkce a API endpointy.

Integrace s externími službami

Bolt.new podporuje instalaci npm balíčků - Supabase, Stripe, Resend/SendGrid, OpenAI/Anthropic API.

Verzování a Git

Bolt.new umožňuje propojení s GitHubem pro pushování kódu a spolupráci.

7 tipů pro efektivní práci v Bolt.new

1. Buďte konkrétní v promptech - místo "Udělej mi web" popište přesně co chcete včetně struktury a komponent.
2. Iterujte v malých krocích - nepište megaprompty s 20 požadavky najednou.
3. Používejte referenční obrázky - nahrajte screenshot designu nebo wireframe.
4. Nebojte se ručních úprav - někdy je rychlejší změnit barvu přímo v kódu.
5. Kontrolujte terminál - chybové hlášky můžete zkopírovat do chatu.
6. Ukládejte verze průběžně - před velkými změnami pushněte na GitHub.
7. Kombinujte s dalšími nástroji - v0.dev pro design, Claude pro logiku, Cursor pro pokračování.

Srovnání s alternativami

Bolt.new vs Lovable

Verdikt: Bolt.new je lepší pro rychlé prototypy, Lovable pro serióznější projekty s databází a autentizací.

Bolt.new vs Cursor

Bolt.new vs Windsurf

Omezení Bolt.new

• Složitější projekty - u větší codebase může AI ztrácet kontext
• Omezený počet zpráv - free plán má limit
• Vendor lock-in - WebContainers runtime není standardní Node.js
• Databáze - SQLite v prohlížeči je ok pro prototypy, ale ne pro produkci
• Performance - prohlížečový runtime je pomalejší

Kdy použít Bolt.new (a kdy ne)

Bolt.new je skvělý pro: rychlé prototypování nápadů, učení se vibecoding, jednoduché webové aplikace, hackathony, konverze designu na funkční kód.

Zvažte jiný nástroj když: stavíte produkční SaaS (Lovable), potřebujete plnou kontrolu nad kódem (Cursor), pracujete na existujícím projektu (Cursor/Windsurf).

Závěr

Bolt.new je jeden z nejpřístupnějších nástrojů pro vibecoding v roce 2026. Nulový setup, intuitivní chat rozhraní a okamžitý náhled z něj dělají ideální vstupní bod pro každého, kdo chce začít stavět webové aplikace s pomocí AI.

Nejlepší způsob, jak začít? Otevřete bolt.new, napište co chcete vytvořit, a sledujte, jak se vaše aplikace rodí před vašima očima.

Pokud vám Bolt.new sedne a chcete jít dál, podívejte se na naše další návody - Lovable návod pro začátečníky, Cursor návod nebo velké srovnání vibecoding nástrojů.