9

After ditching Wordpress, I've been experimenting with Jekyll to create a blog. I chose it (over Ghost) to help learn the basics of web development while I blogged. Also, the free hosting on GitHub Pages is neat and free.

What exactly is a static site generator (like Jekyll), and why do they exist?

bwest
  • 9,182
  • 3
  • 28
  • 58
Nitin Savant
  • 931
  • 1
  • 8
  • 19
  • Do you understand what a static site is? – Matt Ball May 12 '15 at 03:43
  • 1
    In theory, I think I do. A static site's content is fixed and looks the same to any user. – Nitin Savant May 12 '15 at 05:01
  • 1
    That's right. So a static site generator is a tool used to generate the static assets for such a site. – Matt Ball May 12 '15 at 13:47
  • 1
    Also includes sites where there's no change in content with time, e.g. stockmarket tickers, weather data, news, etc. – Trunk Jun 22 '19 at 19:15
  • yh static site's content does not change without a developer editing its source code, while dynamic Website pages can display different content from the same source code – A5H1Q Jun 09 '21 at 15:16

2 Answers2

7

From Build a Blog with Jekyll and GitHub Pages course on Treehouse:

A static-site generator takes a set of templates and raw text files, runs it through a converter and renderer, then generates a plain HTML website that's ready to publish on any web server.

Advantages:

  • Sites load fast since we're serving regular pages to the browser and don't need to talk to a database on each request.
  • Sites are more secure because there's no database or dynamic content that can be hacked.
  • Less maintenance involved. No database means no need to configure and maintain a database or content management system (CMS).
  • Free hosting on GitHub Pages
  • Use your own domain name

Course Link: https://teamtreehouse.com/library/build-a-blog-with-jekyll-and-github-pages

Nitin Savant
  • 931
  • 1
  • 8
  • 19
  • 1
    Please provide a link to the relevant article, if you're quoting it. Having the relevant bits of the article duplicated here is good, but the OP might be helped by a link to where you found this. – Shotgun Ninja Jun 12 '15 at 13:43
4

A static site has 3 components:

  1. HTML files (or other content to serve via the web, like .txt files)
  2. referenced assets (js, images, css)
  3. a web server

There is no database from which data is retrieved, compared to something like wordpress where all of your posts and pages live in a database. There is no server-side scripting engine with which to process information and render content.

Static site generators exist to provide you with tools like templating, shared data, and custom tags to assist in the creation of the static HTML pages that your web server will be serving.

The benefits of a static site are:

  • Security. The web server is the only moving part.
  • Portability. The HTML files will render the same when served from your local machine as they will on the web.
  • Speed. When almost everything is cacheable, compressed, and doesn't require any data crunching, things load very fast.
bwest
  • 9,182
  • 3
  • 28
  • 58