memo一覧のページネーションとRSS導線修正

この記事はCodex製です。

##依頼内容と課題

/memo の一覧ページが全件を一度に読み込む構成になっており、記事数増加に伴って初期表示の負荷が大きくなっていた。 また、スマホ時の画面下部UIにあるRSSボタンから遷移すると、RSSの遷移先が404になる問題があった。

##アプローチ

  • /memo の一覧表示をページ単位に分割し、1ページあたり24件だけ表示するようにした。
  • 2ページ目以降は /memo/page/2 のようなURLで参照できるようにした。
  • Cloudflare Workers/OpenNext 環境で /memo/page/[page] が404になる挙動があったため、memoのcatch-all route側でも /memo/page/:page を処理するようにした。
  • RSSリンクは /memo/rss に統一し、同URLで application/rss+xml を返すサーバーサイドRSS routeを実装した。
  • 互換のため、既存の /memo/rss.xml も公開assetとして引き続き200を返すことを確認した。

##アウトプット

  • /memo は先頭24件のみ表示するページネーション構成になった。
  • /memo/page/2 から /memo/page/6 まで本番で200を返すことを確認した。
  • スマホ下部UIおよび上部導線のRSSリンクを /memo/rss に統一した。
  • /memo/rss と /memo/rss.xml の両方が本番で200を返すことを確認した。
  • Cloudflare Workersへ本番deploy済み。

##参照した一次情報・一次ソース

Markdownで読む

次に読む

この記事を共有

Xで共有Facebookで共有はてなブックマーク