Simple guide · about 15 minutes

One prompt, one page, live.

Ask Claude or ChatGPT for a website, download the file it writes, and drop it on Cloudflare. Nothing to install.

You need

1. Fill in the prompt.

Same mad libs as class. Fill in the blanks (or keep the examples) and press Copy prompt. The one that matters most is “Make the site look like”: pick a physical object, like a boarding pass, a cereal box, a museum placard, or a trading card.


    

Making your real portfolio? Swap in your own details and replace “invent plausible ones” with your actual projects.

2. Paste it into Claude or ChatGPT.

Claude

  1. Go to claude.ai and sign in. UT students: use your UT email (yourEID@eid.utexas.edu).

  2. Click + New at the top of the left sidebar. Under the text box, leave the Chat | Cowork switch on Chat.

  3. Paste the prompt into the box that says “How can I help you today?” and press Return (or Enter).

  4. Wait a minute or two. The page appears in a panel on the right. Want changes? Type them in the box at the bottom: “bigger fonts,” “more armadillo.”

  5. Download it with the download control at the top of that panel (a down-arrow, or ⋯ → Download).

No download button? Send “Give me that as a downloadable file named index.html.” If Claude still can’t make files, turn on Cloud code execution and file creation in Settings → Capabilities and ask again.

ChatGPT

  1. Go to chatgpt.com, sign in, and click New chat at the top of the left sidebar.

  2. Paste the prompt into the box that says “Ask ChatGPT” and press Return (or Enter).

  3. When it’s done, send: “Give me that as a downloadable file named index.html.” Click the index.html link it replies with.

Check the file

It’s in your Downloads folder. Make sure it’s named exactly index.html; if it came down as index (1).html, rename it. Double-click it to preview the site in your browser.

3. Upload it to Cloudflare.

  1. Go to dash.cloudflare.com and sign in.

  2. In the left sidebar, click Compute, then Workers & Pages.

  3. Click Create application, then click Upload your static files. (Click it first; the drop area only works after.)

  4. Give it a name, lowercase with dashes, like bevo-sourdough. It becomes part of your web address.

  5. Drag your index.html onto the upload area.

  6. Click Deploy. A few seconds later Cloudflare shows your address, ending in .workers.dev. Click it. You’re live. Text the link to someone.

To update it later: open the project in Workers & Pages, upload a new version, and drag the new file in. The address stays the same.

4. Use your own domain.

Optional. A practice site is fine on the .workers.dev address.

Buy one

  1. Find an available name at domainr.com. Your name if you can get it, a .com if you can get it. Don’t agonize.

  2. In Cloudflare, open Register domains (under Domain Registration in the sidebar). Search, click Purchase, fill in your details, and click Complete purchase. About $10–30 a year, at cost.

  3. First time buying a domain? You’ll get a verification email. Click the link within 15 days or the domain gets suspended.

Point it at your site

  1. Go to Compute → Workers & Pages and click your site.

  2. Click Settings, then under Domains & Routes click Add → Custom domain.

  3. Type your domain (like bevosourdough.com) and click Add Custom Domain. Cloudflare handles the rest; give it a few minutes.

  4. Want www.bevosourdough.com to work too? Add it the same way.

This works when the domain is registered at Cloudflare. Bought it somewhere else? Transfer it to Cloudflare, or ask Claude to walk you through it.

If something looks wrong.

The page shows raw code instead of a website

The file isn’t really .html. Ask the AI for the downloadable file again rather than copying and pasting the code.

Cloudflare shows a 404

Check the file is named exactly index.html, all lowercase, and upload it again.

The page is broken or looks wrong on a phone

Tell the AI what you see, in plain words: “it’s blank on my phone,” “the armadillo covers the text.” Download the new version and upload it again.