Community

Nextjs에서 뒤로가기를 했을 경우 firebase에 다시 요청을 넣는 문제

안녕하세요! 개발을 시작한지 1년도 안된 대학생입니다. CS를 전공중이지만 개인 프로젝트를 만드는건 이번이 처음이네요. 다소 엉뚱한 질문을 한다고 생각하셔도 너그럽게 봐주시면 감사하겠습니다 ^^ 저는 지금 Next.js와 Firebase를 이용해서 간단한 웹사이트를 개발하고 있습니다. 사용자의 위치를 기준으로 등록된 장소에 대한 리스트를 나열하고, 해당 장소를 클릭하면 상세페이지로 이동하는 꽤나 전형적인 웹사이트입니다. 등록된 장소는 Firebase DB (firestore)에 요청을 넣어 받아온 정보를 표시합니다. 문제는 상세페이지로 들어갔다가 다시 뒤로가기를 통해서 홈페이지에 나왔을때 발생합니다. 다시 Home을 랜더링하다보니까 유저가 상세페이지를 갔다가 나올때마다 서버에 요청을 넣습니다. firestore는 document 하나를 읽을때마다 읽기횟수를 소모하는데 한번 접속할때마다 ~100개 가까운 read count를 소모하는 것도 꽤나 부적절한 마당에 유저가 왔다갔다를 몇번 하면 눈깜빡할 사이에 몇백달러를 청구당할까봐 두렵네요 (ㅋㅋ) 아무리 생각해도 간단 블로그부터 유튜브, 아마존같은 모든 웹사이트들이 비슷한 형태로 홈페이지에 접속하면 서버에서 제품이나 콘텐츠를 fetch해오고, 상세페이지를 들어갔다가 다시 나오면 받아온 정보를 다시 fetch하진 않을것 같은데, 제가 뭔가 큰걸 놓치고 있는 기분이 듭니다. 사소한 조언이라도 좋으니 부탁드립니다. 감사합니다.

Loading...

알림

알림이 없습니다