Deploy & Capstone

Live URL. Capstone review. The AI landscape.

• Your website at a live URL — anyone can visit it
• Contact form actually emailing you when someone submits it
• Capstone review — everything across 8 weeks
• Personal AI Playbook — which tool for which job
• The big AI landscape — Claude, ChatGPT, Gemini, Grok

Upload your website folder to a server. The server has a URL. Anyone with the URL can visit the site — phone, computer, anywhere.

We're using Cloudflare Pages.

Free. Fast. Reliable. There are alternatives — Netlify, Vercel, GitHub Pages — but we're picking one tonight, not shopping.

Deploy to Cloudflare Pages.

1. cloudflare.com → sign up (free)
2. Workers & Pages → Create application → Pages → Upload assets
3. Name your project (becomes part of your URL)
4. Drag your entire website folder in → Deploy
5. Click the URL Cloudflare gives you

Key difference from deploying a single file: we drag the folder. Cloudflare keeps your file structure, so every link between pages keeps working.

Take out your phone. Turn off WiFi — use cell data. Type the URL. Your site loads. From the internet.

Make the contact form actually email you.

Last session the form opened the visitor's email app — clunky, lots of dropoff. Now we swap it for a real handler that emails you the lead on submit. Open Claude Code in Desktop, pointed at your website folder. The prompt is on the next slide.

I need to swap the contact form on contact.html from mailto: to a real form handler.

Use Cloudflare Pages Functions:
1. Create functions/contact.js that handles POST requests
2. Use MailChannels (free for Cloudflare Pages) to send an email
3. Email goes to: [MY BUSINESS EMAIL]
4. From address: noreply@[my domain] (or the .pages.dev domain)
5. Subject: "New lead from [COMPANY NAME] site — [NAME]"
6. Body: all the form fields, clearly labeled, one per line
7. After successful submit, redirect to /thank-you.html
8. Build /thank-you.html — brief thank-you message + phone number + back-to-home link

Update contact.html so the form posts to /contact (not mailto).

Then redeploy the folder, open Contact on your live URL, submit a real test, and watch the lead land in your inbox.

The 30-second version: Formspree.

Sign up at formspree.io (free tier), grab your form endpoint, then paste this into Claude Code:

Swap contact.html's form from mailto: to a Formspree endpoint:

https://formspree.io/f/[MY ENDPOINT]

After successful submit, redirect to /thank-you.html.

Redeploy. Test. Same result — leads in your inbox — with zero backend code.

Updating it later is easy.

Edit any file locally with Claude Code. Re-upload the folder via Cloudflare dashboard. URL stays the same, new version is live in 30 seconds.

When you're ready: connect Cloudflare to GitHub. Then every change auto-deploys. (We won't do that tonight — Pages drag-and-drop is fine for years.)

Everything you built.

You did it for the cost of a Claude subscription and 16 hours.

But the artifacts aren't the point. The skill is.

Now: the bigger AI landscape.

Claude is one of several. You don't need to know them all — but you should know what's out there.

Before we compare across companies — Claude isn't one thing.

Anthropic actually has three flavors of Claude. You've used two of them across this course. The third is worth knowing about.

Two products. Same Claude under the hood. Different surfaces for different jobs.

Remember the spectrum.

As you move right: more power. More speed. More trust required. That's why "Claude drafts, you send" matters in the middle bucket, and why you read every Claude Code change in the right bucket.

Why Claude sometimes says no.

Sometimes you'll ask Claude something and it'll refuse. Not can't — won't. This is called alignment.

Each AI lab decides what their model should refuse to help with. Anthropic is among the strictest. Sometimes that's frustrating. Usually it means the AI is doing what it's supposed to do — being careful.

If Claude refuses something for your business and you think it's wrong, tell it the business context. 9 times out of 10, it'll help.

We'll go deeper in Course 2 — alignment matters more when you're building agentic workflows.

• Legal advice — use a lawyer
• Medical advice — use a real doctor
• Exact dollar amounts on big contracts — verify with a calculator
• Dates / statistics in customer-facing docs — verify
• Anyone's name or quote — verify

Fill out your AI Playbook.

Primary tool. Backup. For images. Never trust for. Morning routine. One goal for the next 30 days.

• Open Claude every morning. Even 5 minutes.
• Update your Project when things change.
• Iterate within chats. New chat per task.
• Don't subscribe to 4 AI services. Pick a primary.
• Teach someone else. Best way to know you've got it.

One last question.

Between Monday and next Sunday — what is one thing you are going to do with AI that you wouldn't have done before this course?

You came in not believing in this stuff. You leave with a live URL, a marketing plan, and the ability to teach someone else.

Now go use it.