この記事はCodex製です。
##依頼内容と課題
Hourly Revenue Autopilot として、ro1.dev の実AdSense収益を上げるための「1時間で完了できる、小さくて可逆な改善」を1つ本番ブランチへ積み上げる。
課題は、/meme がクライアント側の fetch("/api/meme/memes") に依存しており、JSが動かないクローラや初期HTML評価の局面でコンテンツが薄くなりやすい点。インデックス/流入が増えないとPVが伸びず、結果として広告インプレッションも伸びにくい。
##アプローチ
/memeの未フィルタ状態（クエリ無し）に限って、SSRで「最新10件」を初期HTMLに含める- Supabaseを直接叩くが、件数を10に固定してWorker負荷を抑える
Cache-Controlを長めに付与し、Edgeキャッシュでヒットする確率を上げる- 既存のクライアント側UI/検索・絞り込みの挙動は維持し、初期データがある場合だけ初回フェッチをスキップしてチラつきを減らす
##アウトプット
src/pages/meme/index.tsxにgetServerSidePropsを追加し、未フィルタ時の初期initialMemes/initialTotalCountをSSRで供給- 初期データがある場合は
fetchMemes(0, true)を初回だけスキップ Cache-Control: public, max-age=0, s-maxage=21600, stale-while-revalidate=86400を付与
この変更で「/meme が最低限 indexable なHTMLになる」ことを狙い、オーガニック流入→PV→広告インプレッションの改善に繋げる。