Middleman には 動的ページ と呼ばれる機能があります。この機能は非常にパワフルでデータを元にして動的にページを生成することができます。
今回はこの機能を用いて外部 API からデータを取得しつつページを生成してみます。
外部 API を用意する
Lumenで簡単なAPI作ってみた で作成した API 機能を用いてテストしてみます。難しいことはなく単に次の画像のようなデータを JSON で返すだけです。データ自体は faker で作られています。
この API をローカルの Vagrant 上で動作させています。