How to Host Your Static Site on Kinsta

How to Host Your Static Site on Kinsta 1

If you’re looking to utilize Kinsta static hosting for your WordPress website, this post is for you. 

We already know that static sites are fast and secure. Hosting your static site on Kinsta allows you to leverage Kinsta’s powerful resources to improve your static site’s speed, security, and reliability. 

In this post, we’ll walk you through a beginner-friendly guide on hosting your static WordPress site on Kinsta.

We’ll be covering:

  • What Kinsta static site hosting is.
  • The advantages of hosting WordPress on Kinsta.
  • Steps to host your static WordPress site on Kinsta.

Let’s begin by looking at what Kinsta static hosting is.

kinsta static site hosting

What is Kinsta static site hosting?

Kinsta is a cloud-based platform that provides hosting services for WordPress websites, web applications, and other web projects.

Kinsta is known for its powerful resources, such as high-performance servers, and its managed WordPress hosting solutions – premium hosting services tailored specifically for WordPress sites. 

Kinsta also has a service called Kinsta Static Site Hosting. This is a new and free hosting service for static sites, powered by Kinsta’s robust infrastructure. With this solution, Kinsta equips its users with the platform and tools to deploy their static websites quickly and easily – all without paying a single cent. 

kinsta free static site hosting

Here’s what you’ll be getting with Kinsta’s (free) Static Hosting service:

  • 100 sites per company – You can deploy up to 100 sites, and if you reach this mark, Kinsta gives you the option to delete some to free up spots for new ones. 
  • 1 concurrent build per site – Once you initiate a deployment, you must wait for it to complete before starting another one. 
  • 1 GB build image size per site – This simply means that the total size of your static site should not exceed 1GB. 
  • 100 GB bandwidth per month per company – This is a very generous offer as static sites usually require less than 5 GB bandwidth per month. 
host static site on kinsta

Kinsta integrates with your favorite Git providers and streamlines the entire process of deploying your static site. All you have to do is connect your static site’s repository from your preferred Git provider, and in just a few clicks, you’ll have your static site up and running. 

We’ve been talking about static sites all this time, and you might not exactly be sure what this is in the first place. So, here’s what a static site is. 

What is a static site?

A static site is a type of website that contains web pages with fixed content. Usually, it is made up of three types of files:

  • HTMLto create the individual elements of the webpage, for instance, buttons, images, and text. 
  • CSSto add styling to the webpage. This includes colors, positions, and sizes of the elements. 
  • Javascriptto make the webpage interactive, like what happens when a user clicks on a button. 

These files are pre-coded, stored on a server, and remain unchanged until a developer manually updates them. Every single site visitor will see the same content when they access this type of website. 

static website speed

Static sites don’t process server-side code and have no database. This is what makes them so fast and secure. Static sites are perfect for websites that don’t need their content regularly updated, for instance, portfolios, documentation sites, and landing pages. 

Unlike static sites, dynamic websites rely on programming languages (like PHP) to generate web pages on the fly. For these websites, the code to display the webpage is generated on the database, fetched, and delivered to the user’s browser once they click to view it. 

NOTE: If you have a dynamic website, you can convert it into a static site with the help of static site generators like Simply Static (which we’ll introduce later). Kinsta supports Javascript frameworks like Node.js, allowing you to use these static site generators to convert your website. It also supports others like Jekyll (created using Ruby) and Hugo (created using GO). 

For static WordPress websites, Simply Static is the way to go. We’ll be using it later in this guide to convert your WordPress site into a static site. 

Now we know about Kinsta’s static hosting service and what a static site is. Let’s look at how you would benefit from hosting your static site on Kinsta. 

kinsta static site

The advantages of hosting WordPress on Kinsta

Hosting your static WordPress site on Kinsta has several advantages for you. Let’s explore them and see what’s in it for you. 

High-speed static sites with exceptional performance

Kinsta Static Hosting allows you to combine the speed of a static website with Kinsta’s high-performance servers to give your site visitors the best experience. This is important in retaining site visitors and getting them to convert. 

According to research, 40% of site visitors will abandon a website if it takes more than 4 seconds to load. Kinsta Static Hosting ensures you have fast-loading websites to minimize the bounce rate. 

But that’s not all that a fast website is good for. It can also improve your SEO rankings because search engines like Google rank faster websites higher than slower ones. With a high SEO ranking, you can get more monthly site visitors. 

On top of high-performance servers, Kinsta provides the following solutions to boost your static site’s speed further:

  • Browser caching – Kinsta cuts loading times further for returning visitors through caching. It stores your site’s data in their browsers so that it can be retrieved and displayed quickly when they visit your site again. 
  • 100 GB bandwidth per month – With adequate bandwidth, your site can transfer data quickly and load faster.

More secure static sites

Kinsta provides a free SSL certificate that creates a secure connection when users visit your sites. Because of this, they can share sensitive information with your site without worrying about hackers intercepting it.

This is perfect if you want customers to share personal information to create an account on your static site or when you want to take payments through your site. 

You’ll also get other security features like DDoS protection and a firewall, brought to Kinsta’s Static Hosting by Cloudflare

Security is paramount for all websites, as 84% of site visitors will abandon a purchase due to an unsecured connection. 

Scalability 

Kinsta has a content delivery network (CDN) of servers distributed in over 260 locations across the globe. During periods of high traffic, this CDN will distribute traffic across these servers, preventing your static site from crashing when traffic spikes. The speed and security of Cloudflare powers each server location. 

Streamlined automated deployments 

Kinsta integrates with GitHub, GitLab, and Bitbucket. This means that you can connect Kinsta with your repository from these git providers and deploy your static site seamlessly. 

To update your website, you can change its code and push the updates to your repository. Kinsta will automatically redeploy a new version of your static site with the changes you’ve made. 

kinsta additional benefits

Who would benefit most from Kinsta Static Hosting?

This solution is ideal for WordPress developers looking to improve the speed and security of their sites without having to worry about servers, databases, and other backend staff.

It is also an excellent choice for small businesses/startups that want a fast website but have limited resources – Kinsta will ensure they have these resources free of charge. 

Having looked at the benefits of hosting a static WordPress site on Kinsta, we’re now ready to go through the process of doing this. So, let’s get right into it in the next section.

static wordpress simply static

Steps to host your WordPress site on Kinsta static hosting

Kinsta requires you to provide static files of your WordPress website to use its static hosting service. WordPress websites are natively dynamic, and they rely on PHP to generate web pages as soon as a user clicks to view them. 

This is why we need the Simply Static plugin – to help you convert your dynamic WordPress website to a static site. 

simply static general tab

Why use Simply Static?

With Simply Static, you can convert your WordPress website to a static site quickly and easily. In just one click, it converts each component of your website into its static version. This includes your theme, posts, and dynamic content like forms and comments. 

Here’s what makes Simply Static, the most efficient and user-friendly static site generator for WordPress:

  • Easy updates to your static site – This plugin allows you to easily update your entire static site or go page by page. 
  • Advanced search features – Simply Static utilizes search libraries like Fuse.js and Algolia to give your users a straightforward, more detailed search experience. 
  • Support for dynamic features – With Simply Static, you can use dynamic features like forms and comments on your static website. 
  • Deploy with your preferred provider – On its own, this plugin has several deployment options for you, allowing you to use your preferred service provider. 
  • Work with SEO tools and Page Builders – You can still work with popular SEO plugins like Yoast SEO and page builders like Elementor to improve your site’s SEO and appearance. 

So now we know what you’ll be getting with Simply Static, let’s get into the process. 

Step 1: Install Simply Static

First, purchase Simply Static from the official website: simplystatic.com.

Make your website even faster with Simply Static Pro

Then follow these steps to install it in your WordPress website:

  1. From your WordPress dashboard, go to Plugins > Add New and then click the Upload Plugin button. 
  2. Select the extension you downloaded after purchasing Simply Static and click Install Now
  3. Next, click on Activate Plugin and add your license key to verify your purchase. 

With Simply Static installed, you can now prepare your WordPress site for conversion. 

Step 2: Prepare your site for conversion

Take these steps to prepare your WordPress site for conversion:

  1. From your WordPress dashboard, hover on Simply Static and click General
  2. Use the include/exclude section to select URLs of the specific pages you want to exclude when the static files are generated. 
  3. If you want to use dynamic features like forms, search, and comments, you can set them up here in their respective tabs. 
simply static general tab

Next, we’ll connect Simply Static with GitHub and export your static files as soon as they’re generated. 

Step 3: Connect Simply Static with GitHub 

This step automates the deployment process, and any changes you make to your static site will be automatically updated on the live website. 

You can utilize Simply Static’s GitHub integration feature to export your static site’s files to GitHub as soon as they’re generated.

To do this, take the following steps:

  1. Create a GitHub account here: github.com if you don’t already have one. After creating your account, create a repository for this project. Need help with this stage? Our detailed guide will walk you through it.
  2. Once done, go back to your WordPress dashboard. 
  3. Go to Simply Static and click the Deployment tab. Here, select GitHub as the deployment option. 
  4. Add the details of your account, like the account type, personal access token, email, username, and repository, in their respective fields. 
simply static github kinsta
  1. After completing these settings, click the Generate Static Files button on the top left. 
kinsta generate

Your static files will be generated and exported to your GitHub repository. This could take some time, depending on the size of your site. You can always check the progress in Simply Static > Settings > Activity Log

Once the export is finished, your static files will appear in your GitHub repository. 

Step 4: Connect Kinsta to your GitHub account

In this step, we’ll log into MyKinsta dashboard and connect your GitHub account to your Kinsta account. 

  1. Log into your MyKinsta dashboard. If you don’t have a Kinsta account, you can sign up here
  2. Once logged in, click on the Static Sites tab and then the Add Static Site button. 
kinsta add static site
  1. On the next page, select GitHub as your preferred Git provider. 
kinsta github setup
  1. Next, click on the GitHub Repository dropdown and then Edit Github permissions. Log into your GitHub account to give Kinsta permission to access your account. 
  2. Select the repository containing your static files and check the box ‘Automatic deployment on commit.’ This will allow you to automatically update your live website each time you export a new version to GitHub. 
  3. You can leave the default branch as ‘main’, but if you exported to a different branch, you can add it in this section. Click Continue to proceed. 

Step 5: Deploy your static WordPress site

On the next page, you’ll see the build settings. You can leave them as they are, as they have nothing to do with Simply Static. Click on Create Site to start deploying your website. It takes a few seconds to deploy your website, but it could be longer depending on the site of your website. 

kinsta create site

You’ll be redirected to the project overview page. Once the status changes to Deployed, you can use the Visit Site button to view your live static site. 

kinsta static site visit

Step 6: Add your domain

There’s one last thing you’ll need to do here – add your domain. Once the deployment is completed, you will be assigned a temporary domain.

If you want to map it to your custom domain, go to Domains > Add domain. After adding your verified domain, you can make it the primary domain for your static site, and that’s it. 

Set up your static site on Kinsta today

With speed and security becoming increasingly important today, the value of static sites can’t be overlooked. Kinsta Static Hosting provides a fast, secure, and free solution for hosting your static WordPress site. With this solution, you’ll have high-performing static websites at no cost at all. 

Simply Static makes all of this possible. It streamlines converting your WordPress site to a static site and makes your static files available to Kinsta for deployment.

With Simply Static, you can combine all the advantages of WordPress together with the robustness of Kinsta to realize great-looking, fast, and secure static WordPress sites.