How to Host a Static HTML Site on BunnyCDN (Within 15 Minutes)

I’ve been using BunnyCDN for quite some time now and I really love this CDN network.

I even shared my review of BunnyCDN and how it is the fastest, yet most affordable CDN service out there.

If you are a WordPress user, you should definitely check my BunnyCDN set up tutorial using WP Rocket.

Now, getting back to the topic.

I’ve recently started hosting some of my static HTML sites with BunnyCDN.

A static site doesn’t need frequent updates so you won’t need cPanel or databases or PHP.

That’s where the BunnyCDN Storage option comes in handy.

It is blazing fast, I mean literally multiple times faster as compared to cloud hosting storage.

Plus the pricing is really minimal. You pay as you go, on a per-gigabyte basis.

So, there are no fixed monthly or yearly hosting bills.

If you are not an existing BunnyCDN user, you can use the button given below to get a free 14-day trial to help you get started.

You can cancel your trial any time you want!

Alright, let’s get started with the tutorial.

Host a Static HTML Site on BunnyCDN

In this tutorial, we’ll use BunnyCDN Storage to upload our files, which will then be served through their CDN network.

Step 0: Prerequisites

  1. Finished HTML site. If your site is not finished yet, make sure you finish it first.
  2. FTP client. You can use FileZilla which is available for free.
  3. A domain name for branding (recommended). Get a domain from here.

Step 1: Create a Storage Zone

Log in to your BunnyCDN dashboard and click Add a Storage Zone

Now on this page, enter the following details:

  • Name: a storage zone name of your choice
  • Main Storage Region: this is the region where your site will be hosted. To make your site load faster, make sure you choose the region that is closest to your visitors.
  • Enable Geo Replication: you should enable at least one of the regions. I recommend you to select all the regions. That way, your site will load quickly globally.

BunnyCDN Storage Zone

Then click Add Storage Zone button. It will take a few seconds and create your storage zone.

Step 2: Upload Site to Storage Zone

You’ll be sent to the File Manager page of your storage zone as soon as it is created.

Now you have to click the FTP & API Access tab from the sidebar.

We’ll use the credentials given on this page to upload our site to the storage zone.

Open FileZilla and enter the credentials. Then press Quickconnect.

BunnyCDN Credentials FileZilla

It may show you an Unknown certificate warning when the first time you connect to your BunnyCDN storage zone.

BunnyCDN FileZilla SSL Certificate

Ignore that and simply click OK.

Then FileZilla will list your storage zone and all of its files (if any).

Now you have to upload your local site to your BunnyCDN storage folder.

Simply drag and drop the site’s files to the lower right rectangular space in FileZilla.

BunnyCDN FileZilla Site Upload

After that FileZilla will start uploading your files to your BunnyCDN storage.

Note: Upload duration depends on the size of the site and its assets. For most sites, it should take a couple of seconds.

Once uploading finishes, you can go back to your BunnyCDN storage’s file manager to check the uploaded files.

BunnyCDN Storage File Manager

Our files are uploaded, now it’s time to serve them over CDN.

Step 3: Connect a Pull Zone

At the top of the File Manager page, you’ll see the Connect Pull Zone button. Click on it.

It will open up this page:

BunnyCDN Add Pull Zone

Enter a name for your pull zone. If you don’t use a custom domain, then this name will show up in your site’s address so name it carefully.

Leave the Standard Tier on. Then select all the zones under Pricing zones.

I would recommend keeping all of the zones selected for the CDN to serve the site fast across the globe.

Then press Add Pull Zone.

It may show you some instructions, just click Skip Instructions.

You’ll be redirected to the general settings page of your pull zone.

Here, just turn on the Force SSL slider next to your pull zone’s hostname.

BunnyCDN Storage Pull Zone Force SSL

Done! Now copy & paste the hostname in a new browser tab and your site should be live.

In the next step, I’ll show you how you can use a custom domain instead of BunnyCDN’s hostname to serve your site.

If you don’t want to add a custom domain then you can ignore the next steps and the tutorial ends here.

Step 4: Add a Custom Domain (Recommended)

To add a custom domain to your site hosted on BunnyCDN storage, your domain’s DNS host needs to support CNAME Flattening.

If your DNS host does that then you can skip the initial part of this step.

Cloudflare offers CNAME flattening for FREE. But, you need to transfer your domain’s DNS hosting to Cloudflare for that.

Don’t worry, that’s also free of cost. In fact, I use Cloudflare to host all of my domains.

You can check this video for detailed instructions on how to add a domain to Cloudflare.

Once your domain is added, go to the DNS tab and delete all the CNAME and A records that point directly to your domain.

Then add these two CNAME records:

Name Content TTL Proxy status
@ or *your domain name* *BunnyCDN hostname* Auto DNS only
www *BunnyCDN hostname* Auto DNS only

Note: Keep the Proxy status cloud to grey color that represents DNS only. We don’t want to use Cloudflare CDN to interfere with BunnyCDN.

This is how it should look:

BunnyCDN Cloudflare DNS

After that go to your BunnyCDN pull zone settings page.

Here, you have to add your site’s address to the Add Custom Hostname section.

BunnyCDN Add Custom Hostname

Add both versions of your domain, with www and without www.

Then Enable SSL for both versions and turn on Force SSL as well.

The end result should look like this:

BunnyCDN All Custom Hostnames

Now you can redirect the www version to non-www or non-www to www version of your site.

Keeping both accessible is not a good idea for your site’s SEO.

You can Google how you can redirect www to non-www or vice-versa using Cloudflare.

Once done, go to your site’s URL and it should be live!

Wrapping up

Getting a good web host can cost you at least $3 per month, which makes $36 per year.

While you can easily get 3 years of BunnyCDN for this price, and that only if you manage to spend $1 per month.

So, what are you waiting for? Get BunnyCDN today and host your HTML site.

Frequently Asked Questions

4 thoughts on “How to Host a Static HTML Site on BunnyCDN (Within 15 Minutes)”

  1. My registrar is NameSilo, and I don’t see an option for cname flattening. But there is an option for autoforwarding the root domain to www.
    Is there any disadvantage to doing that, and then just pointing the www cname to BunnyCDN?

    1. That should work.

      The only disadvantage here is that if a visitor accesses your root domain, your site will take longer to load since the root is pointing to a different record, and it redirects to www, which points to a different record.

      As an easy fix, why not move your DNS hosting to Cloudflare and use it for DNS only? It’s free and supports CNAME flattening by default.

  2. What if the site contains a lot of videos served from Bunny Stream?
    What’s the best way to turn a WP site into a finished html site?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top