Your workspace

You just shipped a website from your browser. That's real. But right now, you can't actually change it — you'd need a way to edit the code and see what it looks like before it goes live.

In this chapter, you'll set up your own workspace. A place where you can make changes, see them instantly, and let AI do the building while you steer.

Working on your own computer

When developers say "local development," they just mean working on your own computer instead of in the cloud. You run your website right here on your machine, and every edit shows up in the browser in under a second — no publishing, no waiting.

Without local dev, it's like cooking without tasting — you only taste the food after it's served. Local dev lets you taste as you go.

Your private rehearsal space

It's not just about seeing your changes — it's about freedom. Right now, working on your site is like editing a Google Doc that's already shared with everyone. Every typo, every half-finished sentence, visible in real time.

Local dev gives you a private copy. Try something wild, break the whole page, undo it — nobody sees a thing. The best ideas come when nobody's watching.

Dev tools

What happens in this chapter

By the end, you'll have your site running on your computer, an AI assistant plugged into your editor, and you'll make your first real change — then push it live.

Here's the plan:

  1. Set up your tools (editor, terminal, and runtime)
  2. Run your website locally
  3. Connect an AI assistant
  4. Make a change and push it live

It's about 15-20 minutes of setup, and then you'll have a workflow you'll use for everything from here on.

Let's build your workspace.