Interactive Build a Website Lesson 3: decide when to graduate to a coding AI, route a contact form to the right destination, and run a going-live checklist, with an AI Coach.
Build a Website · Lesson 3 Pro+  ~16 min · Advanced
Pro+

Custom code, real forms, and your own domain.

When prompt-to-site hits its ceiling, you graduate to a coding AI — and it's far more approachable than it sounds. This lesson takes you from a generated page to a site you fully control: custom features, a contact form that actually lands in your inbox, and your own domain, live. You're still the director; the AI is the engineer.

The mental model

You describe, the AI builds, you review. Code is just a more powerful place to give the same instructions.

Nothing here requires you to write code by hand. A coding AI reads your plain-English description and writes (and explains) the actual website. Your job is what it's been: decide what you want, review what it built, steer with feedback. The only change is you can now build anything — not just what a template allows.

Code isn't harder — it's just less hand-held. A prompt-to-site builder makes 80% of decisions for you. A coding AI hands those decisions back. That's more power and slightly more responsibility, not more difficulty.

Step 01 · Should you graduate to code?

Don't move to code for its own sake — move when prompt-to-site is blocking you. Tick any that are true for your project:

Which of these apply right now?
Tick the ones that apply — I'll tell you whether it's time.

Step 02 · Pick your build tool

Several AI tools will write and host a real site for you. Pick one and commit — they all follow the same describe → review → ship loop.

  1. Conversational builders (v0, Replit, Lovable-style) — describe the site in chat and get a live, hosted, editable result with real code underneath you can extend. Best starting point if Lesson 1 felt comfortable.
  2. Agentic coding tools (Claude Code, Cursor) — the AI works directly in a real project, writing and editing files across the whole site. The most control, the best path for serious customization. Steeper, but the same plain-English instructions drive it.
Scaffold promptBuild a website with these pages: [your sitemap]. Use [your brand brief — colors, fonts, voice]. Make it responsive and fast. Start with the structure and navigation only — real copy goes in next. Explain the file structure in plain English so I know what's where.

Step 03 · A contact form that actually works

The step beginners miss: a form on the page does nothing unless it has somewhere to send submissions. Where should yours land? Pick the right destination for a simple contact form:

Form promptAdd a contact form with name, email, and message. When someone submits it, send the submission to my email at [you@domain]. Show a friendly confirmation after submitting, validate the email field, and add basic spam protection. Tell me anything I need to set up on my end.
Test the form yourself before you share the site. An untested form silently dropping leads is the most expensive bug a small site can have — and check spam protection is on.

Step 04 · Going live — run the checklist

Your own domain in three steps: buy it from any registrar (a few dollars a year), point it at your host using the DNS records your build tool gives you, then connect and secure — add the domain in your host's settings and confirm HTTPS (the padlock) is on. DNS can take a little while; that's normal. Then tick off the launch checklist:

Open it on a phone
Most visitors will be on one.
Check it loads fast
Compress big images.
Submit the contact form as a test
Confirm it lands in your inbox.
Confirm the padlock (HTTPS) is on
Secure connection, no browser warning.
Add simple analytics
So you can see what's working.
Wrong URL shows a real "page not found"
Not a broken screen.
Ready to launch:
0 / 6
🚀 All checks passed — share the real URL.

Your challenge: ship it for real

  1. Pick one build tool and scaffold your site from the Lesson 2 plan.
  2. Add a contact form and route submissions to your inbox — then test it.
  3. Buy a domain and connect it; confirm the padlock is on.
  4. Run the going-live checklist and share the real URL.

Build a Website — complete

You can take an idea from a single prompt to a custom site on your own domain — knowing when to graduate to code, wiring a working contact form, and running a real going-live checklist. Ready for the next one?

Next build

Build an App — turn a manual task into a working tool

🎓
AI Coach
Ask anything about this lesson
Hey! I'm your AI Coach for this lesson. Ask me anything about taking your site to a coding AI — picking a build tool, getting a contact form to actually work, or connecting your own domain. What's on your mind?
Free lesson coaching is limited to 3 questions. Upgrade to Pro for unlimited coaching on every lesson.