Wie intensiv hast du mit Next.js gearbeitet? Welche Funktionen nutzt du?

Ich habe mit Next.js an mittel- bis groß angelegten Projekten gearbeitet. Ich nutze folgende Funktionen:

• SSR (Server-Side Rendering) zur Verbesserung der SEO und schnellen ersten Renderung.
• Statische Generierung (SSG) für Seiten mit selten wechselndem Inhalt, was das Laden beschleunigt.
• API-Routen zur Erstellung von Backend-Endpunkten direkt im Projekt.
• Dynamisches Routing zur einfachen Erstellung von Seiten mit Parametern.
• Bildoptimierung mit der <Image>-Komponente für automatische Bildoptimierung.
• Verwendung von getStaticProps und getServerSideProps zum Laden von Daten während des Build-Prozesses oder bei der Anfrage.

Beispiel für die Verwendung von 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;