静的サイトジェネレータ

JavaScript ベスト・オブ・ザ・イヤー 2016

https://risingstars2016.js.org/ja/

#10 静的サイトジェネレータ

#1 Hexo

A fast, simple & powerful blog framework, powered by Node.js.

#2 Gatsby

Transform plain text into dynamic blogs and websites using React.js

#3 Phenomic

Modern static* website generator based on the React and Webpack ecosystem

#4Metalsmith

An extremely simple, pluggable static site generator.

#5Harp

Static Site Server/Generator with built-in preprocessing

静的サイトジェネレータ（"Static Site Generators" 略してSSG） は .html, .css, JavaScriptといったWebサイトを構成するファイル一式を生成してくれるツールです。生成されたファイルは、ApacheやNginxのシンプルなWebサーバーへ悩み無用でデプロイできます。データベースやWebアプリケーションフレームワークのセットアップも不要です。例えば、SGGのひとつである Gatsby は自らをこう表現しています:

1995年ころのようにサイトを構築する。

静的なWebサイトは高速、堅牢で、メンテナンスも容易です。

SSGが人気なのは、静的なWebサイトを無料でホスティングできるサービスが多いことも要因でしょう。

Github pages

Gitlab pages

Netlify

Surge

Now static

Hexo

2016年でもっとも人気のあったSSGがNode.jsでビルドする Hexo です。とてもよくできたSSGで、WordpreessのようなCMSに近く、ブログの構築に利用できます。i18nプラグインを含め、多くのフィーチャを提供しています。

Gatsby

ニューカマーの Gatsby のソリューションは非常に興味深いものです。静的htmlファイルを生成するのにReactのエコシステムを利用しており、競合と一線を画しています。Reactコンポーネントを取り込んでいることからもわかるように、Markdownやサーバーサイドレンダリングをサポートしており、パワフルな仕上がりになっています。