Tips & Tricks

Deploy static sites free on Cloudflare Pages in 2026

2026-09-19 - ABikram Mondal

Why Cloudflare Pages stands out for free hosting right now

Most developers reach for Vercel or Netlify first because the names feel familiar. Cloudflare Pages gives unlimited bandwidth on the free plan according to multiple 2026 comparisons. That single fact changes the math for any site that might see a traffic spike from India or elsewhere.

The platform deploys directly from GitHub, GitLab or Bitbucket. It adds a global CDN with points of presence that keep latency low for users in Mumbai and other Indian cities. You get free automatic SSL and custom domains at no extra cost.

Builds run on Cloudflare infrastructure so there is no separate billing surprise for bandwidth. The free tier supports up to 100 projects per account and 500 builds per month. Serverless functions via Workers integrate without leaving the same dashboard.

This setup works best for static sites built with frameworks like Astro, Hugo, Next.js static export or plain HTML. Dynamic needs require Workers or other add ons that stay within their own free quotas.

Commercial use carries no explicit restriction on the free plan unlike some competitors. That makes it suitable for side projects, portfolios or small client sites that generate revenue through ads or services.

What the free tier actually includes and where it stops

You receive unlimited bandwidth and requests. Storage sits at 20,000 files per site with a 25 MiB file size limit. Builds cap at 500 per month across all projects.

Workers on the free plan allow 100,000 requests per day with a 10 millisecond CPU time limit per request. KV storage and other edge services have separate daily caps that reset every 24 hours.

Custom domains support up to 100 per account with automatic HTTPS. Preview deployments happen on every pull request without eating into production limits.

The catch appears when you exceed 500 builds in a month or need more than the daily Worker requests. At that point the platform queues or pauses additional activity until the next cycle. No automatic overage charges occur on the free plan.

Projects that stay inactive for long periods do not auto pause like some database services. You retain full control but must monitor build usage yourself through the dashboard.

Create an account and link your first repository

Head to the Cloudflare dashboard and sign up with an email or existing account. Verify the email address to unlock the full interface.

Navigate to the Pages section and click the create project button. Choose the connect to Git option and authorize Cloudflare to access your chosen repository host.

Select the repository that holds your static site code. Cloudflare detects common frameworks and suggests build settings such as the output directory and build command.

Review the suggested settings. For a plain HTML site leave the build command blank and set the output directory to the root. For frameworks like Astro use the standard build command and dist folder.

Save the project. The first build starts automatically and produces a preview URL in the form of your-project.pages.dev. Test the site on that URL before moving further.

Configure builds and environment variables

Return to the project settings after the initial deploy. Add any environment variables your site needs under the variables tab. These remain private and do not appear in the public repository.

Set the production branch to main or master depending on your repository naming. Enable automatic deployments so every push triggers a new build within the monthly quota.

Adjust build settings if the framework detection missed something. Common fixes include specifying Node version or installing additional dependencies in the build command field.

Test a small change by editing a file in the repository and pushing it. Watch the build log in the dashboard to confirm the process completes successfully within expected time.

Preview URLs update on every new commit to feature branches. Share these with collaborators for review without affecting the live site.

Connect a custom domain and enable HTTPS

Open the custom domains tab in your project settings. Enter the domain name you own and follow the DNS instructions Cloudflare provides.

Update your domain registrar records to point to the Cloudflare nameservers or add the required CNAME record. Propagation usually completes within minutes for most registrars.

Once DNS resolves Cloudflare provisions an SSL certificate automatically. The process takes a few minutes and shows a green secure indicator in the browser.

Verify the domain status in the dashboard. Switch the production domain to your custom one so visitors reach the site without the pages.dev subdomain.

Subdomains work the same way. Add them individually if you need separate staging or regional versions of the site.

The catches that appear after the first month

Build minutes stay generous at 500 per month yet multiple projects or frequent updates can exhaust the quota before the cycle resets. Monitor usage in the dashboard to avoid surprises.

Worker requests reset daily but a popular site with heavy edge logic can hit the 100,000 limit quickly. Simple static files bypass this entirely.

File and storage limits mean large media libraries require external hosting such as Cloudflare R2 or another object store. The Pages free tier focuses on code and small assets.

Advanced observability and team collaboration features sit behind paid plans. Solo developers or small teams rarely need them for basic static deployments.

ABikram Mondal builds web development for exactly this kind of problem at https://abikrammondal.com/services/web-development.

The short version. Cloudflare Pages gives unlimited bandwidth and 500 free builds monthly with no commercial restriction but watch the build quota and daily Worker limits.

Sources

Reported from the sources above on 2026-09-19. Figures are as published at the time of writing. If something here has moved on, the linked source is the one to trust.

From the desk of ABikram Mondal

If you got here because you are actually thinking about having it built properly once, instead of stitching six free tiers together and maintaining them forever, that is the work I do. I build for founders and small teams who want the thing to exist and work, not a deck about it.

Web Development services · everything I do · talk to me