In kind of a spin-off of fun, this is a Jekyll starter kit that can be used to quickly build out a production-ready Jekyll static site.



  1. bundle install
  2. yarn install

Directory Structure


All of the CSS, JS and images are stored in the _src directory, which is managed by Webpack.


  1. rake serve
  2. yarn dev

Alternatively, if you have [foreman] installed, you can foreman start and both the web and webpack instances will be started.

The Process

When Webpack runs, it compiles all of the assets into the /assets directory and then generates the base layout to _layouts/base.html with the appropriate <link> and <script> tags injected into it.