What is Bolt.new?
Bolt.new is a browser-based AI app builder made by StackBlitz. You open it in a browser, describe what you want to build, and Bolt generates a full-stack application -- frontend, backend, database configuration, and all -- right inside an in-browser environment powered by WebContainers.
There is no local setup. No terminal. No "npm install" on your machine. You go from a sentence like "Build me a to-do app with user authentication" to a running, editable project in under a minute.
Key Features of Bolt.new
Prompt-to-App Generation
Describe your app in natural language and Bolt writes the entire codebase -- React or another framework, a backend API, styling, and basic logic -- in one shot.
In-Browser WebContainers
Bolt runs Node.js, package managers, and dev servers entirely in the browser tab using StackBlitz's WebContainers technology. No server round-trips for executing code -- it is genuinely local-speed in the cloud.
Live Preview
A live preview pane sits next to the editor and updates as Bolt generates or edits code. You see the app running before you have read through all the generated files.
Iterative Chat Editing
After the initial generation, keep refining with follow-up messages: "Add a dark mode toggle," "Make the sidebar collapsible," "Connect this to a Supabase database." Bolt applies targeted edits.
One-Click Deployment
Deploy directly to Netlify or other supported platforms from inside Bolt -- no CLI needed. Your app goes live in seconds.
GitHub Import and Export
Import an existing GitHub repo into Bolt to continue work in the browser, or push your generated project straight to a new repo when you are ready to take it local.
How Bolt.new Works
The core loop is simple:
-
1
Type a prompt describing your app
Describe what you want to build in plain English -- the more specific you are, the better the output.
-
2
Bolt generates all code files at once
An LLM writes the complete codebase -- components, routes, API handlers, config files -- in a single generation pass.
-
3
WebContainers installs and starts the dev server
Node.js runs inside the browser tab -- no server round-trips. Dependencies install and the live preview appears instantly.
-
4
Chat to refine, then deploy or export
Follow-up messages make targeted edits. When satisfied, deploy to Netlify with one click or export to GitHub.
Real-Life Use Cases
- --Rapid prototyping: Spin up a working prototype in minutes to validate an idea before writing production code.
- --Non-technical founders: Build an MVP without a developer to test product-market fit before hiring.
- --Hackathons: Skip boilerplate setup and spend all your time on the unique parts of your project.
- --Learning web development: Generate a working app and study the code to understand how modern stacks fit together.
- --Client demos: Freelancers can show a working prototype to clients before committing to a full build.
Pros and Cons
Pros
- +Zero local setup -- works in any browser
- +Full-stack generation in one prompt
- +Live preview updates instantly
- +One-click deploy to Netlify
- +Great for prototypes, demos, and hackathons
Cons
- -Token limits can be hit on large projects
- -Generated code quality varies -- review before shipping
- -Less suitable for complex enterprise codebases
- -Paid plans needed for serious usage
Bolt.new Pricing
Bolt offers token-based pricing:
| Plan | Price | Best for |
|---|---|---|
| Free | $0 | Trying the product |
| Pro | ~$25/month | Individual developers with heavy usage |
| Teams | ~$30/month | Shared token pools and admin controls |
Token limits depend on the models and features used. Check bolt.new/pricing for current numbers.
Alternatives to Bolt.new
- --Lovable: Similar prompt-to-app approach with a polished UX, tighter on React + Supabase. Great for non-coders who want a refined iteration experience.
- --Replit AI: Browser IDE with an AI agent for building apps -- strong community and built-in hosting.
- --Cursor: For developers who want agentic AI inside a local editor with deep project-wide context.
- --v0 by Vercel: Focused on generating React UI components rather than full-stack applications.
Bolt.new is unique for running the entire Node.js stack in-browser with no server dependency.
Who Should Use Bolt.new?
Bolt.new is the right choice when you want a running full-stack app without any local setup overhead.
- +Non-technical founders who want a working MVP fast to test product-market fit
- +Developers who want to prototype without local setup overhead
- +Hackathon participants who need to ship fast
- +Students learning full-stack development by studying generated examples
- +Freelancers demoing ideas to clients before committing to a full build
- -Enterprise teams needing complex, production-grade codebases -- a local IDE with deeper context will serve better
Tips for Better Bolt.new Prompts
- 01.Specify the stack: "React + Tailwind + Supabase" avoids surprises -- Bolt will default to its own preferences if you don't specify.
- 02.Describe the pages upfront: List what screens you need before generating -- this avoids major structural refactors later.
- 03.Include data shape: "Users have name, email, and role" gives Bolt enough context to generate better schemas and components.
- 04.Iterate in small steps: One change per follow-up message is more reliable than asking for a big rewrite in a single prompt.
- 05.Always review auth and data handling: Bolt's generated code is functional but review security-sensitive areas before deploying anything user-facing.