flâneur

Learn Next.js: Static and Dynamic Rendering | Next.js

nextjs.org · 672 words · saved by 1 readers

This chapter contains Next.js 14 experimental features that are subject to change. The content may be updated as the features are finalized. In the previous chapter, you fetched data for the Dashboard Overview page. However, we briefly discussed two limitations with the current setup: In this chapter... Here are the topics we’ll cover What Static Rendering is and how it can improve your application's performance. What Dynamic Rendering is and when to use it. Different approaches to make your dashboard dynamic. The limitation of fetching data at request time. With Static Rendering, data fetching and rendering happens on the server at build time (when you deploy) or during revalidation. The result can then be distributed and cached (stored) in a Content Delivery Network (CDN) . Whenever a user visits your application, the cached result is served. There are a couple of benefits of Static Rendering: Static Rendering is useful UI has no data or has data that is shared across users, such as

8 Chapter 8 Static and Dynamic Rendering In the previous chapter, you fetched data for the Dashboard Overview page. However, we briefly discussed two limitations of the current setup: The data requests are creating an unintentional waterfall. The dashboard is static, so any data updates will not be reflected on your application. In this chapter... Here are the topics we'll cover What static rendering is and how it can improve your application's performance. What dynamic rendering is and when to use it. Different approaches to make your dashboard dynamic. Simulate a slow data fetch to see what

related reading