Featured image of post Free Website Hosting with Cloudflare Pages

Free Website Hosting with Cloudflare Pages

Deploy Static Sites in Seconds

This hands-on guide will show you how to deploy your website for free with Cloudflare Pages.

Pages will make your next website deployment simple, while also ensuring security, speed, and scalability.

With Pages and its deep integration with GitHub, you can build and deploy your own static website with a simple git push!


Start with your GitHub Repository

Make sure you have a GitHub repo set up and working locally on your machine.

Cloudflare will deploy your website from a branch of your choosing.

You can get an example repo with for a demo site here.

*Note: Public and Private repositiories are supported

Setup your Cloudflare Pages account

Make your account here: Cloudflare Pages

Click “Sign Up”

Connect your GitHub Repository to Pages

Once you are loggeed in:

  1. Select Workers & Pages
  2. Select Create

Create a new application on the Account Page

  1. Select Pages
  2. Select Connect to Git

Integrate your Git Account on the Create Page

  1. Select your Git repository and click Begin setup

Connect your Git repository

Configure Deployment

Now that you have selected a Git repository, configure your build and deployment settings.

If your project uses a static site generator or build tool, you can specify those settings on this page as well:

Build and Deployment Settings

*Note: HANDSONKEYS is powered by Hugo + GO

  • Hugo was selected in the Build settings.

  • GO is a pre-installed tool in the Cloudflare Pages build environment. The version was specified in the Enirionment Varibles tab. See Supported languages and tools for more information.

Save and Deploy

Once you have set up your build configuration, click Save and Deploy.

When the deployment is complete, Cloudflare will provide an unique URL for your to view your site!

Learning Resources

Here are some good resources to check out to continue your web development journey:

Deploy your website for free with Cloudflare Pages and GitHub!

Set Up a Portfolio Website with Hugo

Clouflare Pages Docs

The best tech advice you will ever get?

Read the docs.

comments powered by Disqus