1. API Rotaları: Server-side veri fetching için kullanılır ve veritabanı sorgularını sunucu tarafında çalıştırarak verileri istemciye gönderir 14. Bunun için

   getServerSideProps

   fonksiyonu kullanılabilir, bu fonksiyon veri tabanından verileri alır ve bunları sayfaya props olarak geçirir 5.

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

2. React Hook'ları: Client-side veri fetching için kullanılır ve

   useEffect

   ve

   useState

   gibi hook'lar kullanılarak veritabanı verileri alınabilir 12.

function HomePage() {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch('/api/data')
      .then(response => response.json())
      .then(setData);
  }, []);
  return (
    <div>
      {data && <p>Data: {data}</p>}
    </div>
  );
}
Kopyala