Complete guide to Bolt.new

Getting started

Go to bolt.new and type what you want to build in the prompt box, describing it in natural language (for example, "a landing page for a coffee shop with a contact form"). Bolt generates the complete project (frontend, and backend and database if needed) directly in the browser, with nothing to install. You can see the code and live preview side by side in real time, and publish with one click to get a public URL hosted on Netlify.

Use cases

Rapid prototypes
Turning a product idea into a functional website or app in minutes, without writing code, ideal for validating concepts before investing in development.
Landing pages and simple sites
Creating landing pages, portfolios, or multi-page sites by describing the structure you want.
AI wireframes
Generating a visual wireframe with AI first and using it as a base to ask Bolt for a more polished design, instead of starting from a blank page.
Apps with a database
Building applications with data storage and hosting included, useful for MVPs that need persistence without setting up separate infrastructure.

Advanced setup

  1. Target file
    Lets you limit the changes the AI applies to a specific file, so you don't risk touching the rest of the project when you only want to adjust one component.
  2. File locking
    You can lock a file so the AI won't modify it in future requests, useful once a part of the project is already the way you want it.
  3. Token management
    The free plan has a daily and monthly token limit; it's worth checking your usage from the first prompt so you don't run out partway through a big change.

Tips

  • Write specific prompts: state who the user is and what flow they should follow, instead of vague descriptions — this produces results that are much closer to what you want on the first try.
  • Before publishing, review the generated code in the editor panel; Bolt doesn't always get it right the first time, and fixing one detail is cheaper than regenerating the whole project.
  • Experiment with typography, font weight, and color palettes if you want the result to not look generic — Bolt responds well to specific style instructions.
  • Turn a project that worked well for you into a reusable template (Team Templates) so you don't start from scratch on the next similar one.

FAQ

Do I need to know how to code to use Bolt.new?
No. You describe what you want in natural language and Bolt generates the code; knowing how to code helps with reviewing and adjusting details, but it isn't essential to get started.
Where does what I build get published?
Bolt automatically deploys to Netlify and gives you a public URL; on the free plan, it appears with visible Bolt branding.
What happens if I run out of tokens?
The free plan is limited to 300,000 tokens per day and 1 million per month; once you exceed it, you have to wait for it to renew or upgrade to a paid plan.
Can I upload my own files?
Yes, though the free plan limits uploads to 10MB per file.
Based on Researched at banani.co/blog/bolt-new-review, nocode.mba/articles/bolt-ai-new-guide, and bolt.new/blog (August 2026).