Next.js Explained: Static vs. Dynamic rendering

typically when a server receives a request it renders the page and sends the result back to the client if a new request comes in the server renders the page again we call this end of the spectrum Dynamic rendering because the page is rendered on demand for every incoming request pages that personalize content based on runtime information or frequently updated data require this per request rendering because each render produces a different result for example an e-commerce site might show recommendations personalized to each user however most applications have some pages that don't benefit from Dynamic rendering because they don't depend on any runtime information that would change the result of the render for example a company's blog might produce the same result every time it's rendered we can optimize this subset of pages by doing the rendering work ahead of time we call this end of the spectrum pre-rendering or static rendering instead of dynamically rendering the page on every request at runtime we can pre-render the page once AB view time and push the results to a Content delivery Network when a pre-render page is requested the static result is served from an edge region close to the user rather than a runtime server

Channel: Delba

Views: 4,576

Keywords:

Id: w2lKYy-9EJE

Length: 1min 21sec (81 seconds)

Published: Mon Jan 22 2024