pixelrake.com (this site) was developed as a front-end experiment w/ a Static Site Generator using the tools and setup below:
There seems to be an ever-growing list of static website generators out in the wild today. I first ran into Ruby-based Jekyll and Middleman which have been kicking around for a while. Searching for a node.js-based alternative, I found an article by Kevin Lewis and soon began clicking through the docs and tutorials over on roots.cx.
Out of the box roots comes with a mix of jade for templating, stylus for css pre-processing and the axis library. I removed some of these defaults in favor of a jade, skeleton, and sass combo. Stylus did seem interesting but i preffered to work with Sassy CSS.
The development team for roots.cx has moved on to Spike which uses Webpack for the heavy lift. I've only used Webpack once before and it has fast become a standard though takes a while to setup. Roots.cx felt a bit more straight forward and certainly met my needs -- I'll consider Spike for another project.