Memilih Alat yang Tepat

You've met AI editors, agentic tools, and app builders. That's a lot of choices. The good news: you don't need all of them, and picking gets easy once you ask one question — what job am I trying to do?

This lesson gives you a simple way to match the tool to the task so you stop tool-hopping and start building.

Beginners often pick a tool first, then look for something to build with it. Flip that. Decide the outcome you want, and the right tool becomes obvious.

Ask yourself: Am I making a quick screen? A running prototype? A real product? Fixing a bug in an existing project? Each answer points to a different tool.

Every tool you've seen fits into one of three buckets:

• AI Editors (Cursor, Windsurf) — work deeply inside a real project on your computer.
• Agentic Tools (Claude Code, Copilot) — delegate multi-step tasks and run/fix code.
• App Builders (v0, Bolt, Lovable, Replit) — go from prompt to live app in the browser.

Knowing the bucket gets you 80% of the way to the right pick.

Goal: a landing page, a form, or a good-looking screen — fast.

Reach for v0. Describe the screen, get polished components, refine with follow-ups. No setup, instant preview, easy to export later.

Goal: a small app that actually works — with logic — so you can click around and test the idea.

Reach for Bolt or Replit. They build and run the whole thing in the browser, so you see real behavior, not just a static screen.

Goal: an app with sign-up, saved data, and multiple pages — something you could share with users.

Reach for Lovable to start, since it handles data and login. As it grows, export to Cursor or Claude Code for precise control.

Goal: add a feature or fix a bug in code that already exists on your computer.

Reach for an AI editor (Cursor/Windsurf) or Claude Code. They see your real files and make precise, in-place edits — exactly what app builders aren't designed for.

When in doubt, run this checklist top to bottom and stop at the first match:

• Just a screen? → v0
• Working prototype? → Bolt / Replit
• Product with data + login? → Lovable
• Existing project on your machine? → Cursor / Claude Code

It's not either/or. A common real workflow chains several tools:

• Design the look in v0.
• Prototype the app in Bolt or Lovable.
• Export to GitHub.
• Polish and maintain in Cursor with Claude Code for big changes.

Each tool handles the stage it's best at.

The biggest beginner trap is switching tools constantly and never finishing anything. Pick one for your current project and go deep.

Cost matters too: most tools have a free tier with limits, then paid plans. Start free, and only upgrade the one tool you actually live in.

Here's the mindset in code form: given a job, route it to the right tool. You're not memorizing tools — you're learning to map a goal to a choice.

You now have a simple system for choosing:

• Start with the job, not the tool.
• UI → v0; prototype → Bolt/Replit; product → Lovable; existing code → Cursor/Claude Code.
• Tools chain together across stages of a build.
• Pick one per project and go deep — avoid tool-hopping.

You've finished your AI coding toolkit! Next course: prompting basics — the core skill that makes every one of these tools sing.