What is an example of using getServerSideProps in Next.js?

Can you explain how to use getServerSideProps in Next.js?

Sure! getServerSideProps is a function that allows you to fetch data on the server side before rendering a page in Next.js.

How does it differ from getStaticProps?

getStaticProps fetches data at build time, while getServerSideProps fetches data on each request, making it suitable for dynamic data.

Can you provide a code example?

Absolutely! Here's a simple example:

export async function getServerSideProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

This fetches data from an API and passes it as props to your page.

What are some use cases for getServerSideProps?

It's great for pages that need to display user-specific data, like dashboards, or for content that changes frequently.