In this post we are going to see static rendering and how it works.
Basic/Plain Static Rendering
Static Rendering is simple yet powerful pattern we can use in order build fast websites with almost instant page loads due to the lack of fetched data.
When we talk about Static rendering, the Html for the entire page will get generated at build time and it will not change till the next build.
Static Rendering is most suitable for pages that do not change often and display the same data no matter who requests them.
Static Rendering with Client-Side "fetch"
This way of rendering is used when we need just a page with the same things as a Basic static rendering but with adding fetched data that should refresh on every page load.
This type of rendering first will show the skeleton UI without any data. The client fetches the data from the API ro
ute, receives the response, and shows the fetched data.
Thank you so much for reading, If you want more information about it you can read this post.
I hope someone found it helpful.
Lautaro.
Top comments (0)