I am try to deploy a fairly large media site to Netlify (about 9k pages, so about 18k files after react-static generate the html and json). Netlify doesn't really handle uploading that many files at once and when I contacted them about this they suggested I try to upload the files in chunks and they will do a diff and only upload files that change in the future.
This seems like a possible solution but being a media site every page has a "trending" list that changes constantly - breaking the cache and forcing Netlify to try and upload the entire site every time.
I could move the trending query out of the static build step and just make it a client side query but I would prefer to do this without needing to make an API call.
Can I dynamically load a component on the client-side only so the generated html/routeInfo.json files don't have any of the "trending" data in them. Put the data in SiteData and load the component with react-universal with ssr:false and let react-static make an ajax request to /trending.json on page load? (I didn't actually see any option in universal to only load client side)
Any suggestions here would be great - or if anyone has better ideas of how to use react-static and Netlify for bigger sites.