Hoe intensief heb je met Next.js gewerkt? Welke functies gebruik je?

Ik heb gewerkt met Next.js in projecten van gemiddelde en grote complexiteit. Ik gebruik de volgende functies:

• SSR (Server-Side Rendering) voor betere SEO en snelle eerste rendering.
• Statische generatie (SSG) voor pagina's met zelden veranderende inhoud, wat het laden versnelt.
• API-routes voor het direct maken van backend-eindpunten in het project.
• Dynamisch routing voor het gemakkelijk maken van pagina's met parameters.
• Afbeeldingsoptimalisatie met de <Image>-component voor automatische optimalisatie van afbeeldingen.
• Gebruik van getStaticProps en getServerSideProps voor het laden van gegevens tijdens de build of op aanvraag.

Voorbeeld van getStaticProps:

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

function Page({ data }) {
  return <div>{data.title}</div>;
}

export default Page;