GatsbyのBlogにタグ別記事一覧ページを作成した
タグごとの記事一覧ページを作りました。
方針
ビルド時に、その時存在するすべてのタグに対するページを作成する、という方針を取りました。 はてなblogみたいなブログサービス、であればありえない実装ですが、個人Blogなので十分かなと。
方法
- タグ一覧用のtemplateをsrc/templatesに作成
- gatsby-node.jsで、全記事buildするついでに全記事のタグを抽出して重複排除、そのタグをforEachしてcreatePage
タグはfrontmatterのdescriptionにカンマ区切りで入れているので、splitして使ってます。 割と簡単ですね。