A landing page is the best first "finish line" in AI building. It takes a day, it plugs directly into the last step of idea validation (the pre-registration test), and the only cost is the domain.
Today's goal: a page on your own domain that collects emails.
Morning — build it (2–3 hours)
With Claude Code installed, start in a new folder:
> Build a landing page. Product: [one-sentence description].
> Sections: headline, problem, solution, email pre-registration form, 3 FAQs.
> Dark theme, mobile responsive. Next.js.
When the first version appears, react to it in plain language. The thing that matters at this stage is copy — the headline decides your conversion rate, not the design:
> Rewrite the headline as "the result the customer gets", not a feature description. Give me 3 options.
Afternoon — ship it (1–2 hours)
- Create a free Vercel account, then:
> Deploy this project to Vercel
Claude walks you through the commands; minutes later you have an xxx.vercel.app URL that's live worldwide.
- Connect a domain — buy one you like ($10–20/yr), then:
> Show me how to connect the domain I just bought to this Vercel project
A couple of DNS records and you're done.
- Make the email form real — wire it to a free database (Neon, via the Vercel Marketplace):
> Store email form submissions in a free database — something available on the Vercel Marketplace.
Evening — 15-minute check
On the live page:
- Open it on your phone (anything broken?)
- Submit the email form for real and confirm it saved
- Check the page title/description (browser tab + link preview)
Total cost
| Item | Cost |
|---|---|
| Domain | $10–20/yr |
| Hosting/DB | $0 (free tiers) |
| AI subscription | the plan you already have |
This page is your validation instrument. If pre-registrations accumulate, it's time to build the real thing. If not, change the headline and run it again. Step-by-step prompts for the whole journey are in the free kit.