Ako úzko ste pracovali s Next.js? Aké funkcie používate?

Pracoval som s Next.js na projektoch strednej a veľkej zložitosti. Používam nasledujúce funkcie:

• SSR (Server-Side Rendering) na zlepšenie SEO a rýchly prvý render.
• Statická generácia (SSG) pre stránky s málo meniacim sa obsahom, čo zrýchľuje načítanie.
• API cesty na priame vytváranie backendových endpointov v projekte.
• Dynamické routovanie na jednoduché vytváranie stránok s parametrami.
• Optimalizácia obrázkov s komponentom <Image> na automatickú optimalizáciu obrázkov.
• Použitie getStaticProps a getServerSideProps na načítanie dát počas build procesu alebo na požiadanie.

Príklad použitia 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;