Landing Pages · Claude Code in the Wild

0

The Foundation

From flat file to branded URL

One HTML file, live on a real subdomain. Claude Code builds it, GitHub stores it, Cloudflare Pages publishes it. Then Claude Code edits the live version anytime.

Concept: A static page, nothing behind it

Say this to Claude Code

Create a single-file landing page in plain HTML and CSS, no framework.
Initialize a git repo in this folder and get it ready to push to GitHub.
Keep it to one index.html file so it deploys cleanly on Cloudflare Pages.

1

Use Case One

The 90-day onboarding tracker

A self-guided plan for every new hire that remembers what they checked off, and shows their manager the same progress.

New: + Saved state that syncs across people

Say this to Claude Code

Build a single-page HTML onboarding checklist with collapsible phases and checkboxes.
When someone checks a box, save the state so it persists across sessions AND is shared
across everyone who opens the page, not just in their own browser.
Deploy on Cloudflare Pages. Use Cloudflare KV as the shared store, with a Pages Function
that reads and writes the checklist state as JSON. Also cache the state locally in the
browser so the page feels instant, then sync up to KV in the background.

2

Use Case Two

One row, one landing page

A single template that pulls from Airtable. Add a row, and a brand-new custom page exists. Built it for influencer pages so I never duplicate and deploy again.

New: + Reads from Airtable as a live backend

Say this to Claude Code

I have one landing page template with placeholders like {{HERO_HEADLINE}} and {{DISCOUNT_CODE}}.
I want one Airtable row to become one custom page, keyed by a URL slug.
Build a Cloudflare Pages middleware that:
- reads the slug from the URL path
- looks up the matching row in my Airtable base by a "URL Slug" column
- fills the template placeholders with that row's fields
- returns the finished page, with a clean 404 if no row matches
Keep my Airtable API key server-side in an environment variable. Cache each page for 60 seconds.

3

Use Case Three

The branded client questionnaire

A form that looks like us, not a Google Sheet. It reads a prospect list from Airtable and writes the client's feedback straight back to it.

New: + Reads and writes Airtable. Full loop.

Say this to Claude Code

Build a branded questionnaire page that loads a list of prospects from an Airtable table
(the table name and an access token come from URL parameters) and lets a client mark each
prospect yes/no with reasons for both the company and the contact.
Write each answer back to the matching Airtable row and mark it reviewed.
Keep my Airtable API key server-side: put ALL Airtable calls behind a Cloudflare Pages
Function that acts as a proxy, supporting "list" and "update", and lock it to my domain.
Gate access with the token in the URL, which must match a Token field in the data.

4

Your Turn

Steal the pattern

The same four moves under all three tools, plus where to point them in your own business this week.

Takeaway: Point it at your own bottleneck

Adapt this to your business

I want to turn a [spreadsheet / form / checklist] my team keeps copying into a branded page.
The content should live in Airtable so my team can update it by editing rows, not code.
Build it as a page on Cloudflare Pages, keep my keys server-side, and give me the deploy steps.
Ask me questions first if you need to understand the data before you build.