Okay Im building an movie app with the TMDB API and my ref is Letterboxd (a movie social media). I was wondering how to cache the TMDB result from the API for not having to make a TMDB request each time user refresh the page. When I look the Network panel inside Letterboxd there is no API call but this kind of result :

- name : ?k=9bb296f4
- Response :
<li class="react-component poster film-poster film-poster-877046" data-component-class="globals.comps.FilmPosterComponent" data-film-id="877046" data-film-name="Hit Man" data-film-slug="hit-man-2023" data-poster-url="/film/hit-man-2023/image-150/" data-film-release-year="2023" data-new-list-with-film-action="/list/new/with/hit-man-2023/" data-remove-from-watchlist-action="/film/hit-man-2023/remove-from-watchlist/" data-add-to-watchlist-action="/film/hit-man-2023/add-to-watchlist/" data-rate-action="/film/hit-man-2023/rate/" data-mark-as-watched-action="/film/hit-man-2023/mark-as-watched/" data-mark-as-not-watched-action="/film/hit-man-2023/mark-as-not-watched/" data-film-link="/film/hit-man-2023/">
    <img alt="Hit Man" class="image" width="70" height="105" src="https://a.ltrbxd.com/resized/film-poster/8/7/7/0/4/6/877046-hit-man-0-70-0-105-crop.jpg?v=f78b3d8c28" srcset="https://a.ltrbxd.com/resized/film-poster/8/7/7/0/4/6/877046-hit-man-0-140-0-210-crop.jpg?v=f78b3d8c28 2x"/>
    <img src="https://s.ltrbxd.com/static/img/empty-poster-70.8112b435.png" class="image -empty-poster-image hidden" width="70" height="105" alt="Hit Man"/>
    <span class="frame" title="Hit Man (2023)">
        <span class="frame-title">Hit Man</span>
    </span>
</li>

I dont know how Letterboxd do for chacing TMDB result withtout storing all the db on their Database