Vibe Coding — your first app without knowing how to code — 2. Choosing your tool

16 min read min de lecture
Chapter 02

Choosing your tool

Chapter 2 of 10 · 20%

Chapter objectives

  • Know the main families of tools
  • Choose according to your level and your goal
  • Get started without technical roadblocks

The tool landscape

The vibe coding tool market has settled into three main families, and the good news is that they serve different needs — there is no "best tool", there is the right tool for your current goal. Before comparing names, understand the families: it will save you from getting lost in contradictory online reviews.

The first family is the "prompt → app" generators: you write your description in the browser, the app appears next to it, and you can publish it in one click. The second is the AI editors: real development environments where the AI works on files you can see and control. The third is the all-in-one browser environments, which mix editing, execution and hosting in the same place.

Cursor / Claude CodeAI editors installed on your computer, fine-grained file-by-file control, ideal for truly learning and staying in control over the long term.
Lovable / v0 / Boltfrom prompt to deployed web app, zero installation — perfect for starting fast and seeing a result within the hour.
Replitcode, run and host directly in the browser, with a built-in AI agent — a good middle ground between the two worlds.

A closer look at the "prompt → app" generators

v0 (by Vercel) shines at generating polished interfaces: you describe a screen, it proposes a modern component you can refine message after message. Bolt (by StackBlitz) builds complete apps in the browser and shows you the generated files, which helps you understand what's going on. Lovable aims for the complete end-to-end app, with a highly guided experience designed for non-developers.

Their shared strength: zero installation, immediately visible results, built-in deployment. Their shared limit: you work in their environment, with their technical choices and their free quotas. For a first app like Tom's, these limits don't matter — startup speed counts far more.

The AI editors: Cursor and Claude Code

Cursor is a full code editor (based on VS Code) where the AI can read and modify all your files: you chat with it in a side panel and you see every proposed change. Claude Code works in the terminal: you give it instructions, it acts on your project. These tools require a bit more setup, but they offer you something precious: your files belong to you, on your disk, and you can do whatever you want with them.

This is the path to follow if your goal goes beyond the first app: understanding how a project is structured, using Git to save your work (more on that in chapter 4), and progressing toward real autonomy. Many vibe coders start on a browser generator, then migrate to Cursor when they want to go further — that's a perfectly healthy path.

Which tool for which profile?

v0you mainly want beautiful web interfaces, fast. Very strong at component design, easy deployment on Vercel.
Boltyou want a complete app in the browser while seeing the files. A good balance between speed and transparency.
Lovableyou want the most guided experience possible, from idea to published app, without seeing anything technical.
Replityou want a complete environment (code + execution + hosting) in a single tab, with an AI agent.
Cursor / Claude Codeyou want to learn in depth, keep your files and progress over time. A bit of setup at the start.
flowchart TD
  Q["Want to start tonight?"] -->|"Yes, zero installation"| B["Lovable, v0 or Bolt"]
  Q -->|"I want to learn in depth"| C["Cursor or Claude Code"]
  Q -->|"Everything in a single tab"| R["Replit"]
  B --> S["Build your v1"]
  C --> S
  R --> S
Choosing your tool based on your goal: all roads lead to v1.

Recommendation for getting started

For your very first web app without installing anything: a "prompt → app" tool like Lovable or v0. To learn and stay in control over time: Cursor or Claude Code. This course works with both approaches — the prompts, the debugging method and the deployment apply everywhere, only the buttons change.

Tom, for his part, picks a browser tool: he wants a result tonight, on the school computer, with no installation rights. That's the right reflex: his goal is the app, not the tool. If in three months he wants to customize his project more finely, he'll export it to Cursor — nothing is ever lost.

Don't spend a week choosing the perfect tool. Pick one, build, you'll switch later if needed. Time spent comparing tools is time not spent building.

Free or paid: understanding the limits

All these tools have a free tier sufficient for this course, but with quotas: a number of messages or generations per day or per month. When you hit the limit, three options: wait until tomorrow, switch to another free tool to finish, or pay for the subscription if you build regularly. For a first app, the free tier is more than enough — provided you don't waste your messages.

How do you economize your generations? Think before you send: one precise prompt that describes the need well consumes one message and gives a good result; five vague prompts consume five messages for the same result. Chapter 3 teaches you precisely how to write effective descriptions — it's also a way to make your free quota last.

The infinite-setup trap

Many people give up before they've even started, stuck on installation: an account that won't get created, software demanding a system update, a terminal displaying an incomprehensible error. If a tool resists you for 30 minutes, switch to a 100% browser tool. The point is to build, not to configure.

This advice isn't capitulation, it's strategy. Your motivation is a limited resource: every hour of technical friction eats into it. Once your first app is online, you'll have the confidence (and the patience) needed to face a more demanding installation. In the right order, everything is easier.

Create your account with an email address you actually check: tools send confirmation links, and a lost link is the number one cause of "it doesn't work" at sign-up time.
🛠️ Your turn

Context

Tom wants to start tonight, without installing ten programs and without admin rights on the school computer. He has one hour ahead of him and a modest goal: see a first AI-generated page show up in a preview. Follow exactly the same path: the goal of this exercise isn't to build your app, just to validate that your tool → generation → preview chain works.

Instructions

  1. Pick a tool from the families presented (browser-based if you want zero setup).
  2. Create your account and confirm the validation email.
  3. Create an empty project and locate where the app preview is displayed.
  4. Ask the tool to generate a "Hello" page with your first name and a button.
  5. Confirm that the preview updates and that the button is clickable.
  6. Send a second message to change the button color, and verify the change.
  7. Note down somewhere the name of the chosen tool and what you liked or found annoying.
Hint — A 100% browser tool avoids most beginner roadblocks. If account creation fails or nothing shows up after 30 minutes, switch tools without guilt: that's the method, not a failure.

In summary

  • Three families: "prompt → app" generators, AI editors, and all-in-browser.
  • v0 excels at interfaces, Bolt shows the files, Lovable guides end to end.
  • Cursor and Claude Code: more setup, but your files belong to you and you learn in depth.
  • Beginner in a hurry: a browser tool; to learn over time: Cursor/Claude Code.
  • The free tiers are enough for this course — save your messages with precise prompts.
  • Don’t over-optimize the tool choice: pick one and build.
  • The beginner’s real enemy is the infinite setup: 30 minutes stuck = switch tools.

Quiz — check your understanding

1. What type of tool to start without installation?

Browser tools like Lovable, v0 or Bolt avoid installation roadblocks and deliver a result within the hour.

2. What do you do if a tool resists you for 30 minutes?

The goal is to build, not to configure. Your motivation is a limited resource: protect it.

3. What is the main advantage of Cursor or Claude Code?

AI editors work on files stored on your machine: ideal for learning and progressing over time.

4. How do you save your free generation quota?

One precise prompt consumes one message for a good result; five vague prompts consume five for the same result.

5. Tom picks a browser tool. Why is that a good reflex?

Starting fast on a simple tool then migrating to an AI editor if needed is a perfectly healthy path. Nothing is lost.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.