Shipping a CAS site: video, code, and an agent handoff

A walkthrough of the new stack — watch the video, copy the commands, then hand the whole thing to your agent.

This article doubles as a video. Watch it above, then grab the exact commands below — or skip straight to the agent handoff and let Claude do the work.

The commands

scaffold.sh

npm create astro@latest site
cd site && npm i @sanity/astro astro-portabletext
npm run dev

That gets you a running Astro site wired to Sanity. Now hand the rest to an agent:

▸ Hand this to your agent

Open in Claude

Set up a CAS (Cloudflare + Astro + Sanity) blog. Create a `post` document type with title, slug, cover, excerpt, author reference, publishedAt, an optional header video, and a Portable Text body. Add two custom body blocks: a copyable code block and an 'agent handoff' block. Build /blog index and /blog/[slug] pages, statically rendered, and deploy to Cloudflare Pages with a Sanity webhook that rebuilds on publish.

Copy it, or open it straight in Claude.