Example, using SSR

This page uses server side rendering (SSR) because it uses getServerSideProps.

When this page is loaded through a client-side rendering (AKA "transition") (using next/link or I18nLink) then Next.js sends an API request to the server which runs the getServerSideProps and returns the result as JSON.

Learn more about the technical details

Each page refresh (either SSR or CSR) queries the GraphQL API and displays products below.

If you use NRN Admin and update the products there, then the products below will be updated immediately, because each page refresh will fetch the latest content.