Skip to main content

Bolt.new: full stack apps straight from your browser

Bolt.new, build full stack web apps in the browser

Most app builders show you a preview of your app. Bolt.new goes a step further: it runs an entire development environment inside your browser tab, and lets an AI operate it for you. The AI does not just write code, it installs packages, starts the server and runs your project, all without anything touching your own machine. This post covers what it is, what you can build with it, and how to get started.

What is Bolt.new?

Bolt.new (bolt.new) is a vibe coding tool from StackBlitz, a company that spent years building technology to run a real development environment inside the browser. That foundation, called WebContainers, is what makes Bolt different. When you type "build me a recipe app with a search bar", the AI writes the code, installs what it needs and boots the app right there in your tab. You see the file tree, the terminal output and the live app side by side.

You do not need to understand any of that to use it. The default experience is just a chat: describe, look, adjust, repeat. But the full machinery is visible if you are curious, which makes Bolt a surprisingly good window into how real projects are put together.

What makes it different

  • It is a real environment, not a mockup. Your app runs on an actual web server with actual dependencies. What works in Bolt generally works in the real world.
  • The AI controls everything. Filesystem, terminal, package manager, error log. When something crashes, Bolt can read the error and often fixes it on its own.
  • Framework freedom. Bolt is not tied to one stack. React, Vue, Svelte, Astro, Next.js and more are all on the menu, and you can start from templates.
  • Beyond the web. Through an integration with Expo, Bolt can even scaffold mobile apps you preview on your own phone, which most browser builders cannot do.

What you can build with it

Bolt sits in a sweet spot between "simple website maker" and "full developer setup". Realistic projects for a first session:

  • A working web tool. A calculator, planner, quiz or converter with real logic behind the buttons.
  • A dashboard. Feed it some example data and ask for charts, filters and a summary view.
  • A small full stack app. Connect Supabase for a database and login, and you have accounts and saved data.
  • A game or interactive demo. Browser games are a Bolt favorite because you can play them seconds after asking.

When you are happy, deployment is built in: publish your app to the web with a click and share the URL. You can also download the whole project or push it to GitHub and continue in any editor.

A tip that saves you credits

Bolt charges by AI tokens, and big vague requests burn through them quickly. The pattern that works: start with a template or a tight description of one screen, get that working, then add features one by one. If you get an error, paste the full message back into the chat. And use the built in discussion mode when you just want to ask questions about your code, because talking is cheaper than rebuilding.

What does it cost?

There is a free tier with a daily token allowance, enough to build something small and get a feel for the workflow. Paid plans give you a much larger monthly token budget for serious projects. Students regularly get promotions and extra credits, so check the current offers before upgrading.

Honest about the limitations

The token model means long, messy sessions get expensive: the better your prompts, the cheaper your app. Very large projects can get slow inside a browser environment, and complex backend work is still easier in a desktop setup. Bolt also will not teach you structure by itself; if you let it run wild, you get code that works but that nobody, including the AI, fully oversees anymore. Keep projects small and focused and Bolt is brilliant. Treat it as a free senior developer for a month and you will hit walls.

How to get started today

  1. Go to bolt.new and sign in.
  2. Pick a template or type a one paragraph description of your app.
  3. Watch the environment boot and the first version appear, then test it immediately.
  4. Improve it step by step through the chat, pasting errors back when they appear.
  5. Deploy with one click and share the link.

An example prompt to start with:

Build a web app called Study Buddy.
The user pastes in their lecture notes.
The app generates 5 quiz questions from the notes and shows them one by one.
After each answer, show whether it was right and a short explanation.
Clean light design, mobile friendly.
Start with the paste screen and one hardcoded example question.

Bolt.new feels less like using a website and more like watching someone build your project live while you direct from the passenger seat. For understanding how an idea becomes a running app, there are few better places to spend an afternoon.

Prices, limits and features change fast in the AI world. Always check the official page of the tool for the current state of things.