So I have been trying to understand how https://rblx.trade/catalog/deals (a site that tracks roblox's catalog in real time and communicates changes to the client) communicates with the client. For this I have been inspecting the site and saw this script which I assume is the one that communicates new data to the client.

<script id="__NEXT_DATA__" type="application/json">
                {
                  "props":{
                    "pageProps":{
                      "title":"Roblox Catalog Deals","meta":{"description":"Get the best deals and snipes on Roblox limited items with our deals page! Also turn on notifications to get notified immediately whenever an item gets put up for sale for a cheap price on the Roblox catalog!"}
                      },
                      "__N_SSG":true},
                      "page":"/catalog/deals","query":{},"buildId":"WlqGtyKoC3mZ3T4hTYU5G","runtimeConfig":{
                      "isStaging":false,"api":{"url":"https://rblx.trade","proxyFrontend":false},"sentry":{"dsn":"https://cbbd6a053f7a4d8b8a182804421dddad@sentry.rblxtrade.com/3","tracesSampleRate":0.01}
                      },"isFallback":false,"gsp":true,"scriptLoader":[]
                }
    </script>

The problem is do not know how what it does and how it works as I do not know javascript. I searched somewhat how the script type works and what dns means, but thats it. Any help understanding what this scripts does would be wonderful