Reasons to introduce to this topic:
Server-Side Rendering :
So yes, at this point you feel that both have flaws in this so what is the best way to overcome is to understand the way how the request is made and to provide responses from that. This problem lead to the introduction of a new technique called Pre-Rendering. Let’s see about that.
This is a great technique that was introduced recently which helps to improve the performance of the web apps built on JS frameworks and also to overcome the about mentioned issues in the other two techniques. This is made possible with frameworks like Preact, Nuxt, etc.
The idea used here is that when you make a request to the website or a specific page, it will immediately load the page since they are served with static HTML pages. After that, there will be a kind of loading animation based on the skeleton of the website that you have built. This will show the user to wait for a second for the result to load up instead of just showing nothing which will also improve the User Experience automatically. And the results will be loaded and served with the responses based on the client request.
If you have any question please mention those in the comments so that I can answer them. Also if you have any ideas about new topics to be shared then, mention them too which might become our next post too. Our forum is always open to answer developer questions regarding programming.
Thanks for reading guys, will see you in the next post.