Welcome to CloudLab
Your personal space for practising static hosting, Git and cloud deployment.
Learning progress
Recent activity
Learning Modules
Mark a module complete when you finish it. Progress is saved in this browser.
Deploy on Cloudflare Pages
CloudLab is plain HTML, CSS and JavaScript, so there is nothing to build.
- Create a GitHub repository. Sign in to GitHub, click New repository, name it
cloudlab. - Upload the website files. Push the project with Git (see the README) or use Add file → Upload files.
- Log in to Cloudflare. Go to dash.cloudflare.com and sign in or create a free account.
- Open Workers & Pages. Find it in the left menu.
- Create a Pages project. Choose Create application → Pages → Connect to Git, and authorise GitHub.
- Select the repository and set: Framework preset
None, Build command empty, Output directory/(the folder that containsindex.html). - Deploy. Click Save and Deploy and wait for the green “Success” message.
- Test the public URL. Open
https://your-project.pages.devand check every page. - Add a custom domain (optional). In the project, open Custom domains → Set up a domain. HTTPS is issued automatically.
Updating the site
Run git add ., git commit -m "message", git push. Cloudflare redeploys automatically.
Troubleshooting
Deployment fails
Leave the build command empty. Make sure the framework preset is None.
404 or blank page
The output directory is wrong. It must be the folder holding index.html. If everything is in the repository root, use /.
CSS, JS or images missing
Check paths are relative (css/style.css) and that file names match exactly. Cloudflare is case-sensitive.
Custom domain not working
Wait for DNS to propagate (up to a few hours). Confirm the CNAME points to your .pages.dev address and the domain shows Active.
Interactive Tools
Password generator
Passwords are never stored.
Subnet calculator
JSON formatter
IP address validator
Notes
About CloudLab
Purpose: personal cloud engineering learning and testing.
Hosting: Cloudflare Pages.
Technologies: HTML, CSS, JavaScript, GitHub.
This is a static frontend application. There is no server or database. Progress, notes and theme are stored in your own browser with LocalStorage, so they do not follow you to another device.