Next 의 Link 컴포넌트 prefetch 기능에 대하여
안녕하세요 프론트엔드 개발자 취준준비하고있는 취준생입니다. 현재 개인프로젝트를 Next 13.4 app dir 으로 만들고있는데요. 아무래도 혼자 하다보니 원하는 조건에맞는 api를 구현하기 힘들어 OPEN API 를 사용하고있습니다. 저는 기본적으로 다른페이지 이동시엔 Link 태그를 사용하는데요 Next 의 Link 태그는 기본적으로 prefetch 기능이 있어 방문가능성이 있는 컴포넌트에 마우스를 호버만해도 fetch 요청을 보내더라구요. 이것때문에 Open API 에서 RateLimit 이 걸려서 데이터를 제대로 받아오질 못하는 상황이 종종 발생합니다.. (1초당 5회 요청하면 Ratelimit 발생 화면에 대충 마우스 휘저으면 Ratelimit...) UI는 사진을 올릴수가 없게되어있어서 제 프로젝트 링크 첨부합니다.. (문제시 삭제) https://nft-market-cyan-xi.vercel.app/ 일단 데이터를 제대로 받아오기위해 prefetch 기능은 꺼두었는데요.. 페이지 이동간 속도가 현저히 차이가 나더라구요 이 문제를 해결하려면 어떻게 해야할까요.? Ratelimit이 없는 API를 사용해야할까요? 현업에선 어떻게 다루시나요? prefetch 를 끈다면 SSR의 장점이 많이 없어지는것같아서 고민입니다
Loading...