技術とかの雑なToday I Learnedメモ

月別記事一覧を実装した

月別記事一覧を実装した

feature: 月別の記事一覧ページを実装する by tagucch · Pull Request #43 · tagucch/random.tagucch.dev

時間がかかってしまったけど実装した。

今まではホームに全記事一覧を表示していたのだけど、さすがに300記事を超えてしまい見にくくなってきたので、ページネーションを実装しようとしていた。

ただ、月によって日数が違うため、ページネーションで一定の記事数ごとにページを作ると微妙に月がズレるという問題があった。30記事/1ページにしようとしていたんだけど、この問題で断念した。

それなら月別にページを作ればいいかと思って今回の実装にした。

今までの実装のメモは↓

今回の実装は、過去にディレクトリ構造を変更して年月ごとにディレクトリを掘ったことで実現できた。

これによって、月別の記事を簡単に取得できている。

また、Next.jsのDynamic RoutingのおかげでURLによって表示したいページをいい感じに出し分けることができた。

デプロイ後にyamanokuさんから不具合報告をもらったりしたので、改善します。