Make your first change

Here's where it gets real. Your dev server is running, your AI is ready — and you're about to make your first edit without writing a single line of code yourself.

Tell your AI assistant:

Remove the green 'You're Live!' banner from the homepage

It will find the right file, delete the banner, and save. Check your browser — the banner is gone. That's your first change, applied in seconds.

Keep going

Try another prompt:

Change the hero headline to "Hi, I'm Alex". Simplify the rest of the section, keeping the overall look and feel.

Review what it generates, accept the changes, and watch your browser update.

That's the workflow — describe what you want, let AI build it, review the result. You're not learning to code. You're learning to direct.

---

Hot reloading

Notice how the browser updated instantly? No manual reload needed. This is Hot Module Replacement (HMR) — Vite watches your files and pushes only what changed to the browser, in under a second.

Try it now: open app/routes/index.tsx, change "Hi, I'm Alex" to something else, save, and watch.

This tight feedback loop is what makes local dev so productive. And there's one step left — sending your changes live.