When the “World Wide Web” was first revealed to the public in 1991, all websites were collections of static HTML documents, each file containing the brand needed to present a full page on a web browser. Almost immediately, web pioneer developers worked on ways to generate web sites dynamically, mounted by code that is executed on web servers and extracting content from database systems.
Although static websites do not completely disappear while CMSS dominated, a modern approach to the static site concept is now popular with speed and safety.
On the Kinsta Static Place Accommodation Platform, websites are really fast and safe. They are also free.
We look closely at static places and how Kinsta can help you deploy your servers around the world.
Is a static site appropriate for your web project?
A static site serves HTML, CSS, JavaScript and pre-constructed media files.
“The advantage of having static content is that it is fast and efficient,” says Michael Fuller, a Kinsta JavaScript developer and a team member who helped launch Kinsta’s static accommodation platform. “Instead of a server who has to build the page speaking with the database, only sends to the users your pre-elaborated files.”
“Instead of completely static files, there are several static generators,” he says. “These are kits that help facilitate the process of creating and updating a static site turning the files you provide into a work website.”
What kind of projects can be deployed as static places?
“If you do not have pages that require someone to log in, no database or anything else to require dynamic content, probably a good candidate for being a static site,” says Fuller. “This may include things such as portfolios, marketing pages or even a blog if you are happy to write new publications using a static place generator.”
And when a site does not have a server or database to connect, it offers less avenues for security breaches.
“For more advanced cases, you can have a mixed approach,” says Fuller. “You can create a static site that uses a JavaScript frame to talk to a separately managed server. In this way, get the speed benefits in your initial load times, combined with the flexibility of a dynamic place.”
An overview of static site accommodation in Kinsta
This is what you get for free On the Kinsta Static Store Places Platform:
- 100 static sites per company
- 1 simultaneous construction per place
- 1GB Creation image size per place
- 600 minutes of creation per month per company
- Bandwidth of 100 GB per month per company
And, as is the case with Kinsta’s applications accommodation and managed WordPress accommodation platforms, there are free SSL certificates, custom domain names support and an optional API for site management.
Kinsta builds and pushes the content of the static site in the 300 data centers in the Cloudflare Global Network: the same platform that supports the CDN Kinsta and the Edge cache for WordPress sites.
Deploy a static place in Kinsta
The first step in deploying a static site in Kinsta is to connect your favorite git host to your account in Mykinsta.
“We currently support three of Git, BITBUCKET, GITUB and GITLAB suppliers,” says Fuller. “This means that in addition to the advantages we serve on your site, you can use the tracking and tools of its version.”
After authorizing Mykinsta’s access to your git provider, you can start adding your first static site by selecting your deposit and branch:
Above, we have selected Automatic deployment to CommitIt means that Kinsta will again convey the place when the changes are transferred to the git host branch.
Mykinsta will then try to determine the necessary creation settings for your project:
“If we are able to detect the generator and package manager we use, we will again make you with the standard conventions used for them,” says Fuller. “For example, the order for constructions powered on node.JS is normally yarn build or npm run buildand the publication directory is usually something like this erect, different, public or outside. “”
“You can also specify your own environment variables if your creation process uses it.”
“For the initial launch of static accommodation, we only support node.JS for places creating,” says Fuller, “but we are working to offer -more platforms in the future.”
However, you can still deploy many static places that do not trust node tools for creation. Examples, we have described how to deploy a Jekyll site and a Hugo site, none of which has constructions powered by node.js. In both cases, the website assets are built outside the Kinsta platform and then added to a folder or branch in a git tank for deployment as a static site.
You can also deploy static assets that have no creation, for example, simple HTML sites.
“If you do not use a generator, no creation order needs to be specified and we assume that your deposit contains pre-era files,” says Fuller.
Once a deployment has been activated, add to the place of creation of the site.
“When the deployment begins, we create an instance of creation on the Google Cloud platform and remove the code from your deposit,” says Fuller. “If a creation order is specified, we use an image based on your specified platform – node.js for now – to execute this order. After that, we check the size of the publication directory to confirm that it is within our limits.”
“The final step is the load, where we push the files to a Cloudflare R2 bucket.”
Maximization of speed with incremental deployments
The static site’s collection deployment process optimizes creation times by loading Cloudflare servers only files that have really changed.
“We keep files uploaded previously through various deployments, so if you decide to re -re -re -re -re -version, the number of files to be reloaded is slowly,” says Fuller. “To do it, we change the names of the files to the hash value of their contents and keep a record of the original routes. We keep them in a map file for this deployment, with the route as a key and the new name as a value.”
“When a request is sent to the site, we use the current deployment map to resort to the correct version of the file.”
Summary
The Kinsta Static Place Accommodation Platform offers Lightning fast content delivery to a world -edged network of Mykinsta’s board that makes deployment a moment.
And everything is free.
Fast running with static accommodation in Kinsta checking our Library of fast start examples that cover various static places generators. Examples include GIT deposits you can copy to start your own projects.
Kinsta
Steve Bonisteel is a technical publisher of Kinsta who began his writing career as a printed journalist, chasing ambulances and fire trucks. It has been covering the technology related to the Internet since the late 1990’s.