Server Side rendered Page

This page is implemented using getServerSideProps(). Next.js build this page on every user request. Since the page is built on every user request, it takes a little time to load. Once you request for this page, the getServerSideProps method runs and fetches all the posts from the API and passes it as props to the page. The page accepts the incoming props and renders it. Once the page is completely built it is returned back to the requestor.

This type of rendering is used when

  1. Dynamic data is showed on the page.
  2. Improving SEO and Performance.
Home