seo nextjs
nextjs

 ⨯ ./app/favicon.ico
Processing image failed
unable to decode image data

Caused by:
- Format error decoding Ico: The PNG is not in RGBA format!
- The PNG is not in RGBA format!

generateMetadata 및 opengraph-image 설정 후 부터 랜덤하게 바뀜, 일단 ico 갈아낌
infinity-scroll

react-query -> @tanstack/react-query
next.js app router 구조와 잘 안맞는 ssr 처리를 위해 커스텀이 들어가야한다
useInfinityQuery 를 지원한다, 한 페이지에서 스크롤 이벤트를 통해서 발생시키는 구조로 보인다

난 이미지 server component 와 client component 를 분리한 형태로 마지막 엘리먼트가 노출되는 이벤트를 통해 다음 리스트를 패치하는 구조로 분리되어있다.


다른 방법을 찾아본다 nextjs cache 로직 공부

 궁금한점은 link prefetch 가 왔을때 full route cache 가 없는 경우 server 로직이 도는지, 이건 의도하지 않은 동작이 있을 수 있음


bfcache


safari 단축키 발견