Jak intensywnie pracowałeś z Next.js? Z jakich funkcji korzystasz?

Pracowałem z Next.js w projektach średniej i dużej skali. Używam następujących funkcji:

• SSR (Renderowanie po stronie serwera) dla poprawy SEO i szybkiego pierwszego renderowania.
• Generacja statyczna (SSG) dla stron z rzadko zmieniającą się treścią, co przyspiesza ładowanie.
• Trasy API do tworzenia punktów końcowych backendu bezpośrednio w projekcie.
• Routing dynamiczny do wygodnego tworzenia stron z parametrami.
• Optymalizacja obrazów za pomocą komponentu <Image> do automatycznej optymalizacji obrazów.
• Użycie getStaticProps i getServerSideProps do ładowania danych na etapie budowania lub na żądanie.

Przykład użycia 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;