Lightweight by design
Just HTML, CSS and JavaScript. No installation or paid server needed for this demo.
CLOUDFLARE PAGES PRACTICE · NO. 01
A little website.
A big first step.
Every great website starts somewhere. This one is our playground for learning how to publish a site, connect a subdomain and make updates confidently.
THE CREATIVE
PLAYGROUND
PLAYGROUND
BUILD
CREATE
Ideas look better
when they're live.
when they're live.
SK / EXPERIMENTS01 — 03
✦ 100% STATIC
✓ READY TO DEPLOY
BUILT TO LEARN · MADE TO LAUNCHSCROLL TO EXPLORE
01 / THE ESSENTIALS
Everything you need.
Nothing you don't.
This website is simple behind the scenes, but beautifully put together in the browser. That's the magic of static sites.
Fits every screen
Designed to adapt naturally to phones, tablets and laptops. Give it a resize and see.
Easy to update
Change some text, upload a new version, and your updated website goes live.
02 / THE LIVE TEST
Look, it's actually working.
These are real checks running in your browser. Try the button to make sure JavaScript is working after deployment.
Once this is published, your Cloudflare address will appear automatically.
BROWSER CHECKv1.0
YOU ARE VIEWING
Checking address…
HTML & CSS loaded✓ READY
JavaScript statusCHECKING…
Button interactions0 CLICKS
Go ahead, give it a click.
03 / THE LITTLE ROADMAP
From a folder
to the internet.
One practical step at a time. That's how we'll learn to publish real projects confidently.
1
Upload files
Send this ZIP to Cloudflare Pages using Direct Upload.
2
Get a live link
Open the free .pages.dev address and check everything.
3
Connect a subdomain
Point your own subdomain to the project using DNS.