Jamstack + Cloudflare Pages = ❤️

Jamstack + Cloudflare Pages = ❤️

Build, host & collaborate Jamstack sites with Cloudflare Pages

In December 2020, Cloudflare announced the beta version & in April 2021, Cloudflare Pages was generally available. Cloudflare Pages a fast, secure, and free way for frontend developers to build, host, and collaborate on Jamstack sites.

What is Cloudflare Pages?

Cloudflare Pages radically simplifies the process of developing and deploying sites by taking care of all the tedious parts of web development. Now, developers can focus on the fun and creative parts instead.

Why Cloudflare Pages?

  1. Built-in web analytics & for free
  2. _redirects file support
  3. Protected previews with Cloudflare Access integration
  4. Live previews with Cloudflare Tunnel
  5. Assets optimisation
  6. Image compression
  7. Brotli
  8. Device-based resizing
  9. GitHub support

How?

  • Goto Cloudflare Pages
  • Sign-up or Sign-in
  • Find & click the "Create a Project" button Screenshot 2021-07-03 at 10.15.03 PM.png
  • Install + Authorize GitHub & Choose your repository Screenshot 2021-07-03 at 10.18.18 PM.png
  • Select the production branch Screenshot 2021-07-03 at 10.20.28 PM.png
  • Select the Jamstack framework & other settings Screenshot 2021-07-03 at 10.25.10 PM.png
  • Hit "Save & Deploy" Screenshot 2021-07-03 at 10.27.46 PM.png
  • Project will be deployed in few minutes
  • We can also add our custom domains from the "Custom domains" tab Screenshot 2021-07-03 at 10.32.15 PM.png
  • We can invite others to collaborate or we can define the access policy to preview from the "Settings" tab Screenshot 2021-07-03 at 10.36.04 PM.png

That's All. Thank You!


About Me 👨‍💻

I'm Faiz A. Farooqui. Software Engineer from Bengaluru, India. Find out more about me @ faizahmed.in

Did you find this article valuable?

Support Faiz's Blog by becoming a sponsor. Any amount is appreciated!