fetch questions

React's Suspense for Data Fetching is an experimental feature that allows components to suspend rendering while waiting for data to be fetched. It works with libraries like React Query or Relay, providing a declarative way to handle asynchronous data in components with fallback UI during loading.

`getStaticProps` is used for static generation at build time, while `getServerSideProps` fetches data on each request for server-side rendering. Example: Use `getStaticProps` for static pages like blogs, and `getServerSideProps` for dynamic data that changes frequently, such as user-specific content.

Axios is a third-party library that simplifies HTTP requests, while Fetch is a native JavaScript API. Axios supports request and response interceptors, automatic JSON transformations, and better error handling. Fetch requires more setup, particularly for error handling and parsing response data. 
 
 // Fetch: fetch('/api/data').then(res => res.json()).then(data => console.log(data));
// Axios: axios.get('/api/data').then(response => console.log(response.data));