Jekyll - Static Site Generator

Jekyll logo

Jekyll is a static site generator that has been around for long and the documentation is solid.

Setting up a blog with a JavaScript framework such as Vue or React can seem a bit overkill, and most likely you will end up having to use it together with a static site generator anyways (Gatsby for React, for example). Jekyll allows you to re-use components without any hassle if all you need is re-usable components and an easy way to publish blog posts.

Steps to get going:

  1. Install Ruby (Jekyll is written in Ruby). I’m on Windows so I used the installer package: Ruby

  2. With Ruby installed, proceeded to install Jekyll:

    > gem install jekyll
    
  3. Created a new Jekyll site:

    > jekyll new C:/my-path
    
  4. Follow the official Jekyll guide on converting a site to Jekyll

More From The Dev Tricks Series

OpenAI - Integrate to Vue front-end

Series: Dev Tricks

Excel Exports - Vue + Firebase solution

Series: Dev Tricks

Equality of Sets

Series: Dev Tricks

Sets And Duplicates

Series: Dev Tricks

Essential Hotkeys

Series: Dev Tricks

Dynamic map with Mapbox and Google Sheets

Series: Dev Tricks

Staying motivated while learning to code

Series: Dev Tricks

JAMstack forms with Netlify

Series: Dev Tricks

VSCode Extensions: Visuals

Series: Dev Tricks

Hosting a Jekyll blog on Netlify via GitHub

Series: Dev Tricks