Static Site Generator

 static-site-generator

A static site generator provides the ability to generate a completely static HTML-based site that doesn’t require a database or server-side processes. Static sites have grown greatly in popularity due to their ability to quickly serve content, their simplicity, security benefits, etc. Based on the project and your preferred coding language, there may be a static site generator that is suited to your needs. Although not applicable to every web project, static sites do offer various benefits over using a dynamic site.

Advantages of Using a Static Site Generator

Using a static site generator to produce a completely static website no doubt has its advantages. The following outlines a few of these benefits.

Speed

Speed plays a major role in improving various aspects of a website – from usability to SEO. Since static sites are made up of completely static files, there is no need to query the database or run any resource-intensive server-side scripts.

For instance, if you are using a dynamic site and have a php variable within your HTML file such as

<title><? echo $title;?></title>

every time that file is requested, a PHP script must run in order to fill in the variable $title
with information. This not only consumes server resources but also takes more time. With an HTML-based site, all the information is already in the file and there is no need to run any scripts to gather the information from other places.

Easy CDN Acceleration

Being that the site is completely static, this allows for an easy and straightforward integration with a CDN. Caching dynamic content via a CDN is often times not recommended, however with a completely static site, everything can be delivered by the CDN. There are no special or complex rules that need to be configured and static site hosting with a CDN can be accomplished in just a few steps.

Simplicity

Static sites are more simplistic in structure than their dynamic alternatives. There is no database, packages, libraries, etc. instead, once the site is generated you are simply left with HTML files. This means you can easily migrate your static site to be served from anywhere without any compatibility issues. You also are required to configure as many aspects of your server in order to get a website up and running.

Security Benefits

Since static websites are comprised of solely static files there is much less concern for security issues. Since they have no database, attackers cannot perform SQL database injections, or take advantage of server-side security holes.

Scalability

Completely HTML-based sites consume very small amounts of server resources since, as mentioned above, they do not require scripts to run in order to retrieve information. This allows for a static website to scale very quickly without easily overloading the server.

There are of course disadvantages that come with static sites mainly due to their simplicity. For instance, there is no user interface, thus posts are written in a text editor and must be re-uploaded to the server each time there is a change. There is also no ability to process data, no real-time content, and no ability for user input such as comments (although there are work arounds).

How Does a Static Site Generator Work?

Depending on the type of static site generator used, there may be some additional steps to rendering an HTML site. However, for the majority of static site generators they function in the following manner.

  1. Content is written in a simple markup language (commonly markdown).
  2. A pre-made template is selected or a custom template is configured to pair with the content.
  3. The template and content are processed through the static site generator which creates the HTML files.
  4. Once the HTML files are generated, you can simply upload them to your configured web server or CDN and the static pages become accessible.

Popular Static Site Generators

The following is a list of 10 popular static site generators. Each generator is built differently and although many may have the same overall purpose, there are differentiation points such as language used, and capabilities for each.

Static Site Generator Language Description
Jekyll Ruby A blog-aware static site generator with permalinks, categories, pages, etc.
Gitbook JavaScript Write your book on Github and the Gitbook will public a static site version of it.
Octopress Ruby A static blogging framework based on Jekyll.
Hexo JavaScript A fast, simple and powerful blogging framework that uses node.js.
Hugo Go A static site generator ideal for blogs, docs, portfolios, and more.
Pelican Python A static site generator with the ability to customize themes via Jinja templates, publish content in multiple languages, and import from WP.
Sculpin PHP A static site generator written in PHP that allows the use of Twig templates, Symfony Bundles, and embeds composer.
Middleman Ruby Uses all of the modern web development tools and shortcuts.
Metalsmith JavaScript A static site generator that is handled by plugins simply chained together.
MkDocs Python Geared towards generating a static site for project documentation.

Static Site CMS Solution

For those who still want to take advantage of some of the functionality of a CMS while using a static site, there is static site CMS solution. Lektor, provides users with the ability to generate completely static websites that are 100% file-based freeing you from the need of a database or any server-side code.

What separates Lektor from other solutions is that this static site CMS comes with a customizable admin interface allowing you to edit content without touching the raw source. This feature may appeal to users who aren’t comfortable with modifying content directly in HTML but still want to take advantage of the benefits that exist in using a static site.

Conclusion

Static site generators certainly provide some enticing benefits to users who do not require the functionality of a dynamic website. As they continue to grow in popularity, different variations are created for different purposes. However, the main benefit of a static site for most will likely continue to be it’s ability to quickly serve content to users. Although static sites alone can deliver content quickly, static site hosting with a CDN can help even further improve their ability to deliver content in a speedy manner.

2 Comments

Leave A Comment?