Starter · Level 1 of 3
Bolt.new lets you describe an app in plain English and watch it build a working version in front of you, no coding required. Type what you want, and Bolt writes the code, shows a live preview, and lets you publish the result to a real web address. This guide walks through creating a free account, generating a small working app in about ten minutes, and fixing the rough edge that almost always shows up on the first try. By the end you will have something live online and a clear sense of whether Bolt is worth building on further.
What Bolt.new is, in plain terms
Bolt.new is a browser-based tool built by StackBlitz. You type what you want in a chat box on one side of the screen, and an AI model turns that description into a running website or app, shown immediately in a preview pane on the other side. Nothing installs on your computer — the code, the preview, and the hosting all live inside that browser tab.
That is the main difference from asking a chatbot for code: Bolt does not just describe what the code would do, it writes the files, runs them, and shows you a result you can click through immediately. Behind the scenes it generates a normal web app, so what you get is real, inspectable code, not a locked-in gimmick you cannot take further.
Bolt also connects to tools you may already use once a project grows past a first demo: GitHub for version control, a built-in database (or Supabase) for storing real data, Stripe for payments, Netlify as an alternate host, and Figma for pulling in an existing design. None of these are necessary for the habit tracker in this guide, but they explain why people keep building past the first prompt instead of hitting a wall.
Where it fits: quick personal tools, small internal utilities, and prototypes you want to see working today rather than describe on a whiteboard. It is not a replacement for a development team building a complex production system with heavy data processing, custom security requirements, or a large, multi-person codebase.
What you need before you start
- A modern browser — Chrome, Edge, or Firefox all work. Nothing to download or install.
- A free account, created with an email address, Google, or GitHub sign-in. Bolt shares its account system with its parent company, StackBlitz, so you manage login and settings there.
- No credit card. The free plan does not ask for payment details.
- One specific sentence describing what you want built. The more concrete the prompt, the less back-and-forth you will need to get something usable.
- About ten to fifteen minutes without interruption for your first project.
Step-by-step: build your first app in about ten minutes
Use a small, well-defined project for your first try. A daily habit tracker is a good candidate: it needs a form, a list, and a bit of state, without needing a login system or a real database.
- Go to bolt.new and type your first prompt. You can start typing before signing in. A specific prompt works better than a vague one, for example: “Build a single-page habit tracker. Let me type a habit name and add it to a list. Each habit has a checkbox I can tick for today. Show how many I’ve completed out of the total at the top. Use a clean, minimal design with a light background.”
- Watch it generate. Bolt writes the project’s files on one side and opens a live preview on the other within a minute or two. You can click around the preview like a real page, because it is one.
- Sign in when prompted. Bolt will ask you to create a free account, by email, Google, or GitHub, so your project saves to your workspace instead of disappearing when you close the tab.
- Test what it built. Add a habit, tick the checkbox, and check whether the count at the top updates the way you asked for. This is the point to notice anything missing or wrong.
- Ask for one specific fix. Type a precise follow-up in the same chat box rather than starting over, for example: “Save the habit list in the browser’s local storage so it’s still there after I reload the page.” Bolt updates the existing project instead of generating a new one.
- Publish it. Use the publish option in the toolbar to get a live web address you can share. On the free plan, the published page carries small Bolt branding; that goes away on a paid plan.
What to do when it gets something wrong
It is ordinary for the first version to miss a detail, or for a follow-up request to break something that worked a moment ago. A few habits make this less frustrating:
- Describe the problem precisely. “The checkbox does not save after I refresh the page” gets a better fix than “it’s broken.”
- Use Plan mode before a bigger change. Bolt can lay out what it intends to change before it touches any code, which catches misunderstandings early instead of after a rewrite.
- Roll back if a change makes things worse. Bolt keeps version history, so you can return to the last working version rather than trying to talk your way back to it.
- Keep an eye on token use. Every message, especially in a larger project, uses tokens based on how much of the project has to sync with the AI. Precise requests waste fewer of your free daily tokens than vague, repeated ones.
Cost — what’s free vs. what needs a paid plan
Pricing below is current as of publish, checked directly against Bolt’s pricing page. Bolt bills by usage tokens rather than by number of projects, so cost scales with how much you build and how large the project gets, not just how many times you type.
| Plan | Price | What you get |
|---|---|---|
| Free | $0 | 300K tokens/day, 1M tokens/month, public and private projects, hosting included, Bolt branding on published sites, 10MB upload limit, unlimited databases |
| Pro | $25/month | No daily token cap, starts at 10M tokens/month (rolls over up to two months), no Bolt branding, custom domain support, 100MB upload limit, AI image editing |
| Teams | $30/member/month | Everything in Pro, plus centralized billing, team-level access management, and shared organization access |
| Enterprise | Custom | Advanced security, compliance support, dedicated onboarding and support |
For a first project, the free plan is enough. You are only likely to hit the daily token limit if you go back and forth on a lot of changes in one sitting.
Pricing and account details above are checked directly against Bolt’s own pricing and help-center pages as of the publish date on this post; the walkthrough follows Bolt’s documented process rather than a specific personal build.
Where Bolt.new falls short for beginners
- Token costs scale with project size, not just message count, which can be confusing when a simple-sounding request costs more tokens in a larger project than it did on day one.
- The free plan keeps Bolt’s branding on anything you publish, and caps uploads at 10MB, both of which go away only on a paid plan.
- Bigger asks need more correction rounds. Fast generation is the whole point, so anything beyond a simple layout — custom logic, unusual edge cases, tricky integrations — usually takes several rounds of specific fixes rather than arriving right the first time.
- It needs an internet connection. Generation happens on Bolt’s servers, so there is no offline mode to fall back on.
- It is a starting point, not a substitute for learning. Anything that needs real backend logic, payment processing, or heavy data handling benefits from pairing Bolt with actual development knowledge, or a developer, once you outgrow the prototype stage.
A few common questions
Do you need to know how to code at all? No. The chat-box prompt is the whole interface for a project like the habit tracker above. Reading the generated code is optional, useful mainly once you want to understand or tweak something Bolt cannot fix through chat alone.
Can you export the code and host it somewhere else? Yes. Because the project is real code rather than a Bolt-only format, connecting it to GitHub or deploying through a different host such as Netlify is documented and supported, so you are not locked into Bolt’s hosting once a project matters enough to move.
Can you add a real database later? Yes. Bolt includes built-in database support you can turn on directly from the chat once a project needs to remember more than what fits in the browser’s local storage, which covers the habit tracker but not much more.
What about logins or payments? Bolt supports adding user accounts and connects to Stripe for payments, but wiring these up well is a step beyond a first project. Treat the ten-minute build in this guide as the on-ramp, not the ceiling.
Next step if you want to go further
If you would rather automate quick actions on your phone before building a whole app, Apple Shortcuts for Beginners walks through ten one-tap automations you can set up today, no app-building involved.
If what you actually want is an AI assistant for everyday research and writing rather than software you build yourself, How to Use Google Gemini for Everyday Tasks is the more direct starting point.
Bolt.new is worth the ten minutes if you have ever wondered whether an idea could become a real, working page without hiring anyone. Start small, get comfortable asking for precise corrections, and decide from there whether the free plan covers what you need or a paid tier is worth it for how often you will use it.