Static generation with dynamic paths

It can be useful to pre-generate pages with dynamic paths and contents.

We could use getServerSideProps and render the pages on demand. In the context that we’re working in, that would be valid for a “cart” page.

getServerSideProps is server-side rendering, as we’ve seen previously. The reason a cart page should probably be server-rendered is that it can change very quickly, based on end user interaction. An example of a page that is dynamic but wouldn’t change quickly based on an end user action is a “view single product” page. We’ll see how to statically generate that after the cart page example.

We create a pages/cart.js file, where we provide the following getServerSideProps, which loads the cart, figures out the relevant product IDs (per cart content), and loads them (in order to display some information about them):

export async function getServerSideProps({ query }) {
 ...