Special · Ship your first app

First online app: put your app on the internet

Let Claude Code put the app you just built online with free GitHub and free Cloudflare. Claude does the work; you sign in and approve.

11 slides · October 4, 2026

1. 

   GPT Image visual

   01 Start

   Three things you need

   Claude Code, plus a free GitHub and a free Cloudflare account. No accounts yet? You create them along the way.

   Claude Code desktop quickstart ↗
2. 

   GPT Image visual

   02 Paste in Claude

   No local app yet?

   Paste into chat with Claude Code Copy

   Build "What should we eat? Family edition". Show 30 meals. Family members heart what they want today. Sort by most hearts, show who voted, and reset nightly.

   Claude Code desktop quickstart ↗
3. 

   GPT Image visual

   03 Paste in Claude

   Make it fun for the family

   Paste into chat with Claude Code Copy

   Add Quick, Healthy, Comfort food and Surprise me, 30 family meals, Pick another, and hearts that save favorites in the browser.

   Claude Code desktop quickstart ↗
4. 

   GPT Image visual

   04 Paste in Claude

   Let Claude put it on GitHub

   Paste into chat with Claude Code Copy

   Put this project on GitHub: create a private repository called my-first-app and push it. Install what you need and tell me when to sign in.

   GitHub CLI: gh repo create ↗
5. 

   GPT Image visual

   05 GitHub

   Sign in or create your account

   Claude installs what is missing and opens GitHub in your browser. Sign in, or create your free account right there, and approve. Claude does the rest.

   GitHub CLI: gh auth login ↗
6. 

   GPT Image visual

   06 Cloudflare

   Cloudflare: two ways

   Create a free Cloudflare account, then let Claude connect it. Way 1: Claude clicks through Cloudflare in Chrome. Way 2: you give Claude an API token.

   Cloudflare Pages Git integration ↗
7. 

   GPT Image visual

   07 Paste in Claude

   Way 1: Claude uses Chrome

   Add the Claude in Chrome extension.

   Paste into chat with Claude Code Copy

   Use Chrome to connect my GitHub repository my-first-app to Cloudflare Pages. Stop when I must sign in or approve.

   Use Claude Code with Chrome ↗
8. 

   GPT Image visual

   08 Paste in Claude

   Way 2: an API token

   Paste into chat with Claude Code Copy

   Publish this repository to Cloudflare Pages on every push with a GitHub Action. Tell me how to make the API token and store it as a GitHub secret.

   Cloudflare Pages with continuous integration ↗
9. 

   GPT Image visual

   09 Go live

   Your site is live

   Either way Cloudflare gives you a pages.dev address. Open it: your first site is online.

   Cloudflare Pages Git integration ↗
10. 

    GPT Image visual

    10 Paste in Claude

    Updates: just ask Claude

    No uploading.

    Paste into chat with Claude Code Copy

    Add a dessert category and test it. Then commit and push to GitHub so Cloudflare publishes the new version.

    Cloudflare Pages Git integration ↗
11. 

    GPT Image visual

    11 Done

    You are online

    Claude builds and pushes, GitHub keeps every version, Cloudflare publishes each push. You only describe what you want.

    Cloudflare Pages Git integration ↗

Back to For you