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.
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
- Finished HTML site. If your site is not finished yet, make sure you finish it first.
- FTP client. You can use FileZilla which is available for free.
- 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.
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.
It may show you an Unknown certificate warning when the first time you connect to your BunnyCDN storage zone.
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.
After that FileZilla will start uploading your files to your BunnyCDN storage.
Once uploading finishes, you can go back to your BunnyCDN storage’s file manager to check the uploaded files.
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:
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.
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:
|@ or *your domain name*
This is how it should look:
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.
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:
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!
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.