モチベーション前の記事、次の記事の部分がスターターのスタイルのままになっていて、手を付けられていなかったので、スタイルを当てていい感じにしたかった。 Before After デザイン今回もアイキャッチコンポーネントを組み合わせるデザインとした。前の記事は左側に、次の記事は右側にアイキャッチが来るようにして前と次を表現した。 アイキャッチコンポーネントが汎用性が高く、記事のリンクを張る際に使いやすいので、用意しておいて良かった。 GatsbyJSで作っているブログでアイキャッチが自動でいい感じに付くようにした やったことまず、アイキャッチコンポーネントに渡す記事に紐づくタグ一覧が、前の記事、次の記事に関しては取得できていなかったので、 gatsby-node.js のGraphQLのクエリにtagsを追加して取れるようにした。 そして、下記のような PreviousAndNextPosts
![GatsbyJSで作っているブログの前の記事と次の記事へのリンクにアイキャッチが付くようにしていい感じにした](https://cdn-ak-scissors.b.st-hatena.com/image/square/ecef2af48dfbaa3f7a6cf13ef1e2523996c84e72/height=288;version=1;width=512/https%3A%2F%2Fkikunantoka.com%2Fassets%2Fimages%2Fogp.png)