Build a Website · Lesson 3 Pro+ ~16 min read Custom code + your own domain Advanced

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 on the internet. 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 those same instructions.

Nothing about this lesson 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 exactly what it's been: decide what you want, review what it built, and steer with feedback. The only thing that changes is that now you can build anything — not just what a template allows.

Step 01 Know when to graduate to code

Don't move to code for its own sake. Move when prompt-to-site is blocking you. Clear signs:

You need a real form that does something (emails you, saves a lead, books a slot).
You want custom logic — a calculator, a filter, a members area.
You need to connect another tool (a payment, a calendar, a database).
You've hit the "the builder won't let me" wall and want full control.

The Reframe

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 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.

Conversational builders (v0, Replit, Lovable-style)

You describe the site in chat and they generate a live, hosted, editable result. Closest to prompt-to-site, but with real code underneath you can extend. Best starting point if Lesson 1 felt comfortable.

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 and the best path once you want serious customization. Steeper, but the same plain-English instructions drive it.

Step 03 Scaffold the site

Hand the AI your Lesson 2 plan and let it build the skeleton. Be specific about what exists, then review before adding detail.

Scaffold prompt Build 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 from my existing site goes in next. Explain the file structure in plain English so I know what's where.

Review what it made the same way you'd review a draft: is the structure right, is the navigation clear, does it match the brand? Steer with plain feedback before you pour in content.

Step 04 A contact form that actually works

This is the step beginners miss: a form on the page does nothing unless it has somewhere to send submissions. Decide where they should land, then have the AI wire it up.

Where form submissions can go

Straight to your inbox — a form service emails you each submission. Simplest; great for a contact form.
Into a spreadsheet or simple database — for tracking leads over time.
Into another tool — your CRM or email list, once you outgrow the inbox.

Form prompt Add 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 message after submitting, validate the email field, and add basic spam protection. Tell me anything I need to set up on my end to make it work.

Always test your form by submitting it yourself before you share the site — and check spam protection is on. An untested form silently dropping leads is the most expensive bug a small site can have.

Step 05 Your own domain, live

The free builder URL was fine for Lesson 1. A real site lives on your own domain. Three steps:

Buy the domain from any registrar (yourname.com). A few dollars a year.
Point it at your host. Your build tool gives you DNS records to add at the registrar — copy them across. The AI will tell you exactly which records to set.
Connect and secure. Add the domain in your host's settings and confirm HTTPS (the padlock) is on. DNS can take a little while to take effect — that's normal.

Going-live checklist

Open it on a phone — most visitors will.
Check it loads fast (compress big images).
Add simple analytics so you can see what's working.
Make sure a wrong URL shows a real "page not found," not a broken screen.

Your challenge: ship it for real

Take your site the rest of the way:

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

That's a fully custom, form-working, domain-live website — built with AI, controlled by you. You've finished the Build a Website track.

Next build: Build an App → Back to Build a Website

What you can do now

Recognize when to graduate from prompt-to-site to a coding AI
Pick a build tool and scaffold a real site from a plan
Add a contact form and route submissions where you want them
Buy a domain, point DNS, and connect it with HTTPS
Run a going-live checklist before you share a real URL

You've finished this build

Build a Website — complete

You can take an idea from a single prompt to a custom site on your own domain. Ready for the next one? Build an App → or see all builds.