GatsbyJSで作っているブログの記事一覧にもアイキャッチが付くようにしてデザインをいい感じにした

GatsbyJSで作っているブログの記事一覧にもアイキャッチが付くようにしてデザインをいい感じにした

モチベーションずっと手を付けられていなかった記事一覧のデザインをいい感じにしたかった Before After...概要を表示 モチベーションずっと手を付けられていなかった記事一覧のデザインをいい感じにしたかった Before After やったこと前回の記事で記事の頭にアイキャッチが付くようにしたので、その仕組みを応用して、記事一覧にもアイキャッチが表示されるようにした。 GatsbyJSで作っているブログでアイキャッチが自動でいい感じに付くようにした 各記事のリンクはPostというコンポーネントを作っていて、GraphQLで取得した記事のデータを渡せばいい感じに表示してくれるようにしている。 import dayjs from "dayjs" import { Link } from "gatsby" import React from "react" import Date from "./date" import EyeCatch from "./eye_catch" import styles from