Lesson 5 of 5 · 15 minutes · Module 2: Build it and put it online
Put it online for free with Cloudflare Pages
Your page works on your computer. Now you’ll put it on the internet with Cloudflare Pages, for free, by dragging your my-website folder into your browser. You’ll get a web address ending in .pages.dev that you can send to anyone.
You need
- Your my-website folder with your checked index.html in it (lesson 4)
- An email address for a free Cloudflare account
- Your phone, to check the page at the end
A narrated walkthrough of this lesson is coming. The steps below cover everything in it.
Step 1 of 10
Check what’s in your folder
Open your my-website folder. It should hold your index.html and nothing else you wouldn’t want strangers to see, because everything in the folder goes online. Keep the file name exactly as index.html.
CheckpointYour my-website folder holds index.html and nothing private.
Step 2 of 10
Make a free Cloudflare account
Go to dash.cloudflare.com/sign-up. Enter your email address and a password, then select Create Account. Cloudflare then sends you an email to verify your address, so open it and do what it asks.
Screenshot captured 3 October 2026. - Go to the sign-up page
- Enter an email and a password
- Select Create Account
CheckpointYou’ve made a Cloudflare account and verified your email address.
Step 3 of 10
Go to Workers & Pages
Sign in to the Cloudflare dashboard at dash.cloudflare.com. Go to the Workers & Pages page.
Screenshot to come
We haven’t captured this step yet. We’d rather show nothing than an old or made-up screen.
CheckpointYou’re on the Workers & Pages page.
Step 4 of 10
Choose drag and drop
Select Create application, then Get started, then Drag and drop your files. These are the names Cloudflare’s instructions use. If your screen looks a bit different, look for the same words.
Screenshot captured 3 October 2026. - Go to Workers & Pages
- Create application, Get started, Drag and drop your files
- Name the project and drop your folder
- Deploy site
CheckpointYou can see a box for a project name and an area to drop files into.
Step 5 of 10
Name your project
Type a name for your project, such as your business name with hyphens instead of spaces. The name becomes your web address: a project called brook-lane-bakes would be at brook-lane-bakes.pages.dev. Cloudflare’s instructions say that if a name is already taken, the address gets a few random characters added to it.
Screenshot to come
We haven’t captured this step yet. We’d rather show nothing than an old or made-up screen.
CheckpointYou’ve typed a project name you’re happy to see in your web address.
Step 6 of 10
Drop your folder in and deploy
Drag your my-website folder from your desktop into the upload area. A zip file of the folder works too. When the upload has finished, select Deploy site. In one place Cloudflare’s instructions call this button Save and Deploy, so look for either. Drag and drop takes up to 1,000 files of up to 25 MiB each, so one page is well within the limits.
Screenshot captured 3 October 2026. - Drag and drop: 1,000 files, 25 MiB each
CheckpointCloudflare says your site is deployed and shows an address ending in .pages.dev.
Step 7 of 10
Open your page, then check it on your phone
Open the address that ends in .pages.dev. Then type the same address into your phone’s browser. Check every section, try the menu links, and press the email button to make sure it opens an email to you.
Screenshot to come
We haven’t captured this step yet. We’d rather show nothing than an old or made-up screen.
CheckpointYour page opens on your computer and your phone, and the email button works.
Step 8 of 10
Share your link
Copy the .pages.dev address and send it to someone you trust, and ask them to tell you anything that looks wrong. That’s it: your page is online.
CheckpointSomeone else has opened your page.
Step 9 of 10
Change your page later
To change your page, edit index.html on your computer and check it in your browser first. Then open your project in Workers & Pages, select Create a new deployment, choose production, and upload your folder again. There’s no need to start from scratch.
Screenshot captured 3 October 2026. - To change your page later: Create a new deployment
CheckpointYou know how to update the page without starting again.
Step 10 of 10
Optional: use your own domain name
This step is optional and costs money. If you own a domain name, open your project, select Custom domains, then Set up a domain, type your domain and select Continue. Cloudflare’s instructions say an address like www.yourname.co.uk needs a CNAME record at the company you bought the domain from, pointing to your .pages.dev address. A bare address like yourname.co.uk has to be added to your Cloudflare account and use Cloudflare’s nameservers. If you don’t have a domain yet, Cloudflare Registrar sells them at cost: a price tracker run by another company listed .co.uk at US$5.30 a year and .com at US$10.46 on 2026-10-03. Check the price at checkout.
Screenshot captured 3 October 2026. - Your project, then Custom domains
- Set up a domain
- Type your domain, then Continue
CheckpointEither you’re happy with your .pages.dev address, or your own domain is set up and shows your page.
Common problems
When you have finished
Want to keep your place? Get a sign-in link by email and we’ll save your progress. You can keep reading either way. Sign in to save your progress.
Every Cloudflare dashboard screen sits behind a login, and the public sign-up page served our headless browser a bot check, so steps 3, 5 and 7 have no screenshot yet. Where a step has a screenshot, it is Cloudflare’s own instructions page, captured by tools/capture/build-a-website-with-ai.mjs. We have not put Brook Lane Bakes online: it is a made-up business.