タグ: Lenis

Next.js App Routerのページネーション実装｜URL同期とLenisのスクロールずれ対策

Next.js App Routerでクライアント完結のページネーションを実装し、絞り込み状態をURLに同期する方法を解説。useSearchParamsとhistory.pushStateの使い分け、Lenis環境でページ送り後にスクロール位置がfooterへずれる原因と解決策、SEO上の注意点までまとめました