Static, Dynamic rendering in NextJs

Welcome to our 153rd edition!

1. Static Rendering

As the name suggests, it is essentially rendering the cached data directly whenever a user request happens. This is very useful when the page deals with static content or infrequently changing data.

Benefits

1. Faster Websites - As the results are served from cache, the response is extremely faster helping with amazing web vital metrics.

2. Server load is reduced - The request is not hitting the actual application server. This saves server load.

3. SEO - Of course! As the results are pre-generated and mostly static, it becomes easier for search engines to index the content and store.

When to use

Static rendering is useful for UI with no data or data that is shared across users, such as a static blog post or a product page. It might not be a good fit for a dashboard that has personalized data which is regularly updated.

2. Dynamic Rendering

It’s quite opposite to static rendering. With this, the content is rendered by the application server every time user requests a page.

Benefits

1. Real-Time Data - Dynamic rendering allows your application to display real-time or frequently updated data. This is ideal for applications where data changes often.

2. User-Specific Content - It's easier to serve personalized content, such as dashboards or user profiles, and update the data based on user interaction.

3. Request Time Information - Dynamic rendering allows you to access information that can only be known at request time, such as cookies or the URL search parameters.

When to use

Dynamic rendering is useful for UI that frequently changes data. Dashboards, product listing pages, stock trading platforms, ... are some of the use cases.

Stay Tuned …

Outside of these, there are concepts like Streaming and Partial Rendering which deals with improving the loading experience or user experience in case of slow network requests.

Next edition will cover these concepts in depth with practical examples and code.

🌻 Your support matters! 🌻

Researching and writing high-quality articles demands considerable time and effort. As this newsletter is offered for free and managed alongside a full-time commitment, your support can help sustain its quality and growth.

If you enjoy the content and find it valuable, please consider supporting my efforts by visiting this link. Every contribution helps in maintaining and enhancing the newsletter's content and reach.

Thank you for being part of this journey!