[2647] How to handle a huge amount of posts/pages (1000+)

Hi there I am facing the following challenge: we have a website with 3000+ posts, which we fetch as json files from a wordpress REST API (it's not important where they come from actually...).

We have multiple problems with such an amount of posts:

• Build time of all the static html files
• Loading time within single page app of all the data
• Warning that app.js is too big (see image)

Now in general. How would you tackle this problem?

App.js/loading all data So far we thought of distributing all the posts data into json-files of 10 posts each. So, for 100 posts, we get 10 json files). With this we also just built a pagination. We load the data of 10 posts into the store, when starting our app. The first page of posts displays the first 10 posts. If you proceed to the second page, we load the next 10 posts dynamically.

When creating the routes (nuxt generate) we generate the routes based on these json files. This seems to make our entry point app.js very big. So far I have a poor understanding what the app.js must be able to do, but why does it have to store all the posts data? For our purpose it would be sufficient if it stored the data for a couple of pages and (maybe) the first 10posts. All the other posts don't have to be in the app.js.

How can we exclude it from the app.js?

Build time Let's imagine we have made one small change to one of our 3000 posts. The change is just about content, not it's layout. Now we execute nuxt generate. How can we omit creating 3000 new static html files and just recreate the changed post html? Same for adding files? (We think that on a CDN service like netlify, the build time (incl. nuxt generate) will increase to an unpleasant duration, with such an amount of posts -> making the time to a visible change of the post unacceptable.

Is there a way to only partially recreate the static htmls? If yes, how? If no, what other options do we have?

Thank you for any help. May this be some general information what the app.js has to store and what is optional or specific hints how to approach the mentioned problems. Cheers