Props questions

The `getServerSideProps` function in Next.js is used for server-side rendering (SSR). It fetches data on each request and passes it as props to the page component. This function runs on the server and allows you to pre-render pages with dynamic content. SSR improves SEO and provides up-to-date data for each request, making it suitable for pages with frequently changing data.

Props (short for properties) are read-only attributes passed to React components. They allow you to pass data and event handlers to child components, enabling component reusability. For example, if you have a `<Button>` component, you can pass text and an onPress handler as props to customize its behavior and appearance.

The Context API in React Native allows you to pass data through the component tree without having to pass props manually at every level. You create a Context object using `React.createContext`, and then use `Provider` and `Consumer` components to manage and access the context data. This is useful for global state management and theme handling.

`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.