← Back to lessons

Ship It

Put your project on the internet. A real URL that anyone can visit.

01

What Shipping Means

Your project works on your computer. Nobody else can see it. Shipping means putting it on the internet with a real URL that anyone can visit.

This is the part that scares most people. Servers, domains, DNS, hosting providers, build pipelines. It sounds like a wall of complexity that takes weeks to learn.

It does not. Claude Code handles it. You describe where you want to deploy, and it executes the steps.

What you need

For a simple static website (HTML, CSS, JavaScript files with no server-side code), you need one thing: a hosting service. There are several free options:

  • Cloudflare Pages: free, fast, handles custom domains
  • GitHub Pages: free if your code is on GitHub
  • Netlify: free tier, easy setup

For this lesson, we will use Cloudflare Pages because it is free, requires no credit card, and gives you a URL in under a minute. But the workflow is the same regardless of the platform: Claude Code does the setup.

Create a free Cloudflare account

Go to dash.cloudflare.com and sign up. You need an email address. The free plan is genuinely free. No trial, no credit card, no surprise charges.

Once you have an account, come back here. Claude Code will handle the rest.

02

Deploy Your Site

You have a Cloudflare account and a website in your my-site folder. Let’s put it online.

Initialize git

Your project needs version control. Open Claude Code in your my-site folder:

cd my-site
claude

Tell it:

Initialize a git repo, add all files, and make the first commit

Claude Code will run git init, git add ., and git commit. This turns your folder into a git repository, which Cloudflare needs for deployment.

Deploy with Wrangler

Now tell Claude Code to deploy:

Deploy this site to Cloudflare Pages using Wrangler. Install wrangler if needed.

Claude Code will:

  1. Install the Wrangler CLI (Cloudflare’s deployment tool)
  2. Ask you to log in to your Cloudflare account (it opens a browser window)
  3. Create a new Pages project
  4. Upload your files
  5. Give you a URL

The first time, you will need to approve the login in your browser. After that, deployments are a single command.

Your URL

When the deploy finishes, Claude Code will show you a URL like:

https://my-site-abc.pages.dev

Open it. Your website is on the internet. Anyone with that URL can see it. Send it to a friend. Post it on social media. It is real, it is live, and you built it.

03

Update and Redeploy

Shipping is not a one-time event. You will update your site and redeploy. The process gets faster each time.

Make a change

Open Claude Code in your project and make an improvement:

Add a "Last updated" date in the footer that shows today's date

Claude Code edits the file. Now redeploy:

Deploy the updated site to Cloudflare

Wrangler is already installed and you are already logged in. This time, the deploy takes seconds. Refresh your URL. The update is live.

The full cycle

This is the development loop that professionals use every day:

  1. Make a change locally
  2. Test it in your browser
  3. Commit the change (git add . && git commit -m "added footer date")
  4. Deploy

Claude Code can do all four steps in one conversation. You can even say:

Commit my changes with a good message and deploy to Cloudflare

And it will handle the git commit and the deployment in sequence.

Custom domains

The .pages.dev URL works, but you might want your own domain. If you buy a domain (around $10/year from Cloudflare or any registrar), you can tell Claude Code:

Connect my custom domain myname.com to this Cloudflare Pages project

Claude Code will configure the DNS settings. But a custom domain is completely optional. The free .pages.dev URL works perfectly for sharing your work.

04

What Now

You have completed the course. Here is what you built:

  • A personal website from a conversation, deployed to the internet
  • A command-line tool that solves a real problem
  • A customized workflow with CLAUDE.md, memory, and permission settings

Three days ago, you had never used Claude Code. Now you have working software on the internet.

Keep building

The best way to get better is to build things you care about. Some ideas:

  • A recipe manager that stores and searches your favorite recipes
  • A personal dashboard that shows the weather, your calendar, and your todo list
  • A gift tracker for keeping track of gift ideas for friends and family
  • A portfolio site showcasing work you are proud of
  • A countdown timer for an event you are excited about

Every project teaches you something new. The first few will feel slow. By your fifth or sixth project, describing what you want to Claude Code will feel natural.

What you actually learned

This course taught you Claude Code. But what you actually learned is a new way of building software. You learned to think in terms of outcomes, not implementations. To describe what you want, not how to code it. To iterate through conversation.

This is a skill. Like any skill, it gets sharper with use. The people who get the most out of AI tools are the ones who keep building, keep experimenting, and keep pushing the boundaries of what they think is possible.

You have everything you need. Go build something.