CodeDR.AI CodeDR.AI The Ultimate Vibe Coding Guide
Contents / Pt. I · The Tools / Chapter 08

Bolt.new

The browser tab that builds web apps faster than you can finish a cup of coffee.

Chapter 8 / 20 Reading · 5 min Edition 2026.Q3

What This Is

Bolt.new is a browser-based dev environment with AI baked in at every level. Open a tab. Describe what you want. The AI scaffolds a full app — frontend, backend, config — that runs live in that same tab. No install. No npm rage. No "why is my Python broken."

The trick under the hood is StackBlitz's WebContainers — a way to run a real Node environment inside the browser. Years of engineering went into making that possible, and Bolt is what happens when you put a capable AI agent on top of it with a clean builder-first UI. (These days that agent is Claude-powered by default — the old v1 agent was retired in August 2026.)

What separates Bolt from other chat builders: it actually runs the code, live, while you're talking to it. Most chat builders show you code and hope. Bolt shows you the running app. When something breaks, the error is right there and the AI sees it without you copy-pasting. That tightness is the whole game.


Who Should Use This

Non-technical founders who need to see something working today. Zero install. Zero terminal. Type, watch, ship.

Developers who want a fast scratch pad. I open Bolt the way I used to open CodePen — to test an idea before I commit to a real project on my machine.

Designers and PMs who want to move past Figma. Want to test if an interaction actually works, not just looks right? This is the tool.


What Actually Matters

Instant scaffolding from a prompt. React, Next, Vue, Svelte, Astro, Remix, vanilla JS — all supported. Real running app, not boilerplate with // TODO comments.

Live preview with auto error feedback. Split view: code on one side, running app on the other. Errors surface to the AI automatically. You almost never copy-paste a stack trace. That alone saves an hour a day.

Full code visibility. No black box. Every file is open and editable. Manual edits work. Hybrid AI + hand-coding flows naturally.

GitHub sync. Push your project to a real repo. Take it to Cursor when you outgrow Bolt. Your work is never trapped.

One-click deploy. Bolt hosts it for you now, custom domain and all. Prefer Netlify? Still one click. Real public URL either way.

Persistent context. The AI sees the file tree, the running output, and the conversation history. It actually understands the project as it grows.


Cost

Token-based.

Free: 300K tokens a day, 1M a month. Fine for tasting. Not enough for real work.

Pro $25/mo: 10M tokens a month, no daily cap, unused tokens roll over a month. Where active users land.

Teams $30/member/mo: Admin controls, private registries, shared workspaces.

Enterprise: SSO, audit logs, custom pricing — and since the Microsoft deal in May 2026, procurable through Azure Marketplace.

Heads up: a single big prompt can burn more tokens than ten small ones. Watch the meter. Push to GitHub often so a token wall doesn't strand you.


What It's Good At

Web apps: Five stars. Native turf.

Mobile: Two stars. PWAs work. Native iOS/Android needs different tooling.

Local/desktop: Three stars. Can prototype Node scripts, but real local-app work belongs in Cursor.


Hosting

Built-in Bolt hosting is the default now — publish, get a URL, attach a custom domain on Pro. Netlify remains one click if you'd rather. GitHub export for deploying to Vercel, Railway, Render, Fly, anywhere.

Databases stopped being the gap: Bolt ships them on every plan, with your choice of provider on Pro, and the Supabase integration is one click for auth and storage. Exotic backend needs still eventually push you off-platform.


The Story

I was on a flight a while back, no wifi worth using, sitting next to a guy who ran a catering business. He'd been quoted $2K and three weeks for a basic website with a contact form. Three. Weeks. For a contact form.

I opened Bolt on the spotty wifi. We typed his prompt together: catering site, three pages, contact form with email delivery, gold and deep red brand colors.

By the time the drink cart came through, his website was live in the preview. By the time we landed, he'd connected Resend for the email delivery, deployed to Netlify, and bought a $12 domain on his phone.

Total cost: $12. Total time: a flight from Denver to Phoenix.

He texted me a week later. He'd booked two events from the contact form.

That's the unlock. Not "websites are easy now." It's that the tax on shipping ideas dropped to almost zero, and businesses that used to wait three weeks and $2K to test a hunch can now test the hunch in an afternoon. Stack that across every small business in the country and the math gets crazy.


Where It Bites

Token limits hit harder than people expect. Big builds chew through allocation. Push to GitHub often. Treat tokens like cash.

Complex backend = walls. WebSockets, deep auth flows, background jobs, complex migrations — Bolt feels them. At that point Bolt becomes the prototyping engine that hands off to Cursor or Claude Code. Plan for it.

Confidently wrong AI. Same disease as every other tool here. Read what got generated. Test edge cases. Don't ship straight to prod without a once-over.


Gavin's Rule: Push To GitHub The Moment It Feels Real

The second your Bolt project stops feeling like a sketch and starts feeling like a thing, push it to GitHub. Don't wait for "done." There is no "done."

Two reasons. One: a bad AI iteration can't erase an hour of work if you've got a commit. Two: the most successful Bolt projects aren't the ones that lived in Bolt forever — they're the ones that were born in Bolt and grew up in Cursor.

Bolt is the fast-start engine. GitHub is the handoff rail. Use both.


Bottom Line

Bolt is the fastest path from idea to running web app in the entire guide. The browser-first model, the live preview, the auto error feedback, the one-click deploy — every piece of friction is gone.

Token pricing requires some awareness. Heavy backend requirements push you out eventually. But for the first version of almost any web app, Bolt removes every reason to wait.

— Gavin