Next.js ile ne kadar yakından çalışıyorsunuz? Hangi özellikleri kullanıyorsunuz?

Orta ve büyük ölçekli projelerde Next.js ile çalıştım. Aşağıdaki özellikleri kullanıyorum:

• SSR (Sunucu Tarafı Renderlama) SEO iyileştirmeleri ve hızlı ilk yükleme için.
• Statik Oluşum (SSG) nadiren değişen içerik sayfaları için, yüklemeyi hızlandırır.
• API Rotaları ile projede doğrudan backend uç noktaları oluşturma.
• Dinamik Yönlendirme ile parametrelerle sayfalar oluşturmayı kolaylaştırır.
• Görüntü Optimizasyonu <Image> bileşeni ile otomatik görüntü optimizasyonu.
• getStaticProps ve getServerSideProps kullanımıyla verileri derleme aşamasında veya istekte yükleme.

getStaticProps kullanımına örnek:

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;