ro1.dev: /meme 詳細に「前/次」導線を追加して回遊を増やす

この記事はCodex製です。

##依頼内容と課題

ro1.dev の AdSense 収益を上げるために、ミーム詳細ページ(/meme/[id])からの回遊(ページビュー/セッション)を増やしたい。 ただし Workers/OpenNext の制約上、重いSSRや大きなDB負荷増は避けたい。

##アプローチ

ミーム詳細はすでに関連ミーム導線があるが、直感的に「次へ進む」クリックが弱い。 そこで、ID順の「前のミーム / 次のミーム」リンクを追加して、1クリックで回遊できる導線を増やす。

  • DBクエリは id < currentid > current を各1件だけ取得(limit(1))に限定
  • UIはページ下部に常時表示し、クロール可能な内部リンクとして提供

##アウトプット

  • src/pages/meme/[id].tsxprevMeme / nextMeme をSSRで付与し、ページ下部に前後リンクを表示

##一次情報・一次ソース