Cloudflare Pages

In 2017, Cloudflare introduced Workers, a JavaScript that executes on the Edge of CDN with minimal cold-start. The next product, Workers Sites debuted in 2019, Cloudflare entered the world of static hosting. It felt like a natural extension of Cloudflare's top-notch CDN. In 2021, they go even further, introducing a full CI/CD solution for Jamstack projects called Pages.

Written by:
  • Thom Krupa

    Thom Krupa

Last update: April 18, 2021

Last update: April 18, 2021

World-class CDN

Cloudflare is known best as an impressive and one of the fastest global content delivery networks (CDN). With more than 200 data centers around the world, Cloudflare CDN is one of the biggest free networks.

For years Cloudflare has been investing in the Internet, improving its security, offering a free CDN, DNS, DDoS attack mitigation, SSL, and many other products like Argo.

Cloudflare has spotted an opportunity in static site evolution. New products like Workers and Pages feel like a natural way of growing the Cloudflare product portfolio.

Zero cold start edge functions

A common issue of serverless functions like AWS Lambda is a cold start. The time that function needs to execute for the first time. Cloudflare Workers essentially run instantly, because of 0ms cold start, they can be used as an entry point for your website. That enables endless dynamic enhancements for static files.

HTMLRewrite class is a part of Workers Runtime API. Imagine a jQuery-like API to modify HTML response directly on the CDN with no server involved. Based on HTTP headers like Cookie, you can change content, styles, or scripts included on the page.

CI/CD with no user, sites, and bandwidth limits

Pages are the most recent Cloudflare product, and essentially it is a CI/CD. Connect Github repo, configure build script and automatically deploy a website.

Currently, it’s a beta, and you can start for free with a quite generous plan: unlimited sites, users, and bandwidth.

Server-side analytics

Server-side analytics are based on CDN logs and are not affected by ad-blockers. It’s a secure, privacy-friendly way of collecting essential data like unique requests. Bonus: all of it available through GraphQL Analytics API if you want to create a custom dashboard.

Conclusion

Cloudflare Pages is one of the most interesting solutions for Jamstack projects. Thanks to Workers, you can run JS straight on the Edge, modify HTML response, or use it for auth. Pages are still in beta and quite new. So it might be a perfect moment to test it out on your personal projects and gradually introduce it to your company.

Features
  • Automatic HTTPS
  • Atomic deploys. Instant, one-click rollback to any version
  • Password Protection
  • Workers KV database
  • CDN-side Analytics
Use Cases
  • Static Websites.
  • Custom experience on the edge via Workers.
  • Edge database, KV storage.

Compare Cloudflare Pages with

  • Netlify logo
  • Vercel logo
  • AWS Amplify logo
  • Digital Ocean App Platform logo
  • Firebase logo
  • Azure Static Web Apps logo
  • Render logo
  • Heroku logo
  • GitHub Pages logo
  • Begin logo
  • Gatsby Cloud logo
  • Layer0 logo