Claude Code in the Wild: From Flat Files to Dynamic Web Apps

Guest Speaker

About Tyler

Tyler Mounce

Founder, Amplis · Bootprint Mentor

Tyler came out of twelve years in health and fitness marketing, ending up as head of marketing before starting his own agency. He became one of Clay's first hundred Solutions Partners and built Amplis into what he calls the first inbound Clay agency, using Clay to build ad audiences and running hyper-targeted paid social campaigns on Instagram and Facebook. His specialty is blending direct-response marketing principles with the targeted B2B outreach Clay is known for.

Session Overview

What Tyler covered

🚀

Deploy in minutes

Take a Claude-built HTML file from zero to a live URL on a branded domain using GitHub and Cloudflare Pages.

✅

Persistent state

Checkboxes and status fields that sync across every browser and every viewer, powered by Cloudflare Workers KV.

🗃️

Airtable as backend

Add a row to your Airtable base and a new landing page appears automatically. No touching GitHub or Cloudflare.

↔️

Two-way sync

The page reads profiles from Airtable and writes client feedback back. A full loop for ICP calibration and onboarding.

Live Demo

What was built, step by step

Build the HTML in Claude Code

Start with a static HTML file. Claude builds it, you review it. No framework needed for simple pages.

Push to a GitHub repo

Create a new repository and upload the HTML file. This becomes the source of truth for the deployment.

Connect to Cloudflare Pages

Go to Compute > Workers and Pages > Create Application > Pages > Import existing GitHub repository. Select the repo and click Begin Setup.

Deploy in about 30 seconds

Click Save and Deploy. Cloudflare grabs the repo and spins up a live page. No build config needed for plain HTML.

Add a custom subdomain

In the Cloudflare Pages project, go to Custom Domains and connect a subdomain from your DNS. Since DNS is already in Cloudflare, it takes a couple of clicks.

Add persistent state with Cloudflare Workers KV

A functions folder in the GitHub repo handles the backend. Checkbox states are written to Cloudflare's edge so every viewer sees the same data across any browser.

Tag dynamic elements and connect Airtable

In the HTML, flag specific elements (photo, quote, discount code, social links) as dynamic. Each maps to a column in an Airtable base. The slug after the domain maps to a row.

New row = new page

Add a new row in Airtable and a unique landing page is live immediately. Delete the row and the page returns 404. No code changes required.

Add two-way sync via an Airtable proxy

The questionnaire reads profiles from Airtable and writes client feedback back. The Airtable API key is stored as a secret in Cloudflare Variables and Secrets, not exposed client-side.

Framework

The 4 levels of a landing page

Level 1

Static

A flat HTML file deployed to Cloudflare Pages. Everyone sees the same page. No backend. Great for campaign landers, resource pages, and internal references.

Level 2

Save state

A shared, persistent view. When one person checks a box, everyone else sees it checked. Powered by Cloudflare Workers KV. Good for onboarding trackers and shared project checklists.

Level 3

Backend pull

The page reads from a database row on load. Each URL slug maps to one row. Add a row, get a new page. Scales to thousands of unique pages without touching code.

Level 4

Two-way sync

The page reads from the database and writes back to it. Viewer input flows directly into your source of record. Good for client review flows and live calibration tools.

Q&A Highlights

Questions from the session

Can you host a full-stack app on Cloudflare Pages, not just plain HTML?

Yes. More complex apps may need build commands configured on deploy. The setup is the same, but you add the right build command for your stack. Ask Claude to walk you through the correct commands for the language or framework you used.

Are you telling Claude to make the Cloudflare and GitHub changes, or doing it manually?

Both, depending on the piece. Claude helped set up the functions folder and explained concepts like "save state" and "Cloudflare's edge." The prompts Tyler built for this session give you the vocabulary upfront so you do not have to reverse-engineer the terminology yourself.

Are you using Claude Design alongside Claude Code?

Yes. Tyler uses both. Claude Design is useful for net-new visual concepts where the look is starting from scratch. For internal tools and pages that already follow an established style, the existing Claude Code template system is faster.

How many pages can you realistically scale to using slugs?

Practically unlimited. When you use slugs on a single domain or subdomain, you are not creating new DNS records or new Cloudflare deployments. A Clay table with 50,000 rows can drive 50,000 unique pages. You can push unique page URLs directly into HubSpot or your outreach tool as a custom field.

Tools