Next.js

[houstonTaleubou]

What is the difference between Server-Side Rendering (SSR) and Static Site Generation (SSG) in Next.js?

[TatyOko28]

Example of SSR (getServerSideProps) in Next.js:

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

export default function Page({ data }) {
  return <div>{JSON.stringify(data)}</div>;
}