Difficulty: 5/10Server Components, Data Fetching, Next.js CachingThis example demonstrates a basic server-side data fetch using the fetch API in an asynchronous React Server Component.CopyScenario Questions0-2 years experience1You need to display a list of products in a Next.js server component. How would you fetch the product data inside that component?2If you forget to add `export const dynamic = 'force-static'` and try to fetch data in a server component, what error or behavior would you see?2-5 years experience1We have a page that shows user profile data using a server component, but the API sometimes returns a 500 error. How would you handle the error in the component to avoid breaking the whole page?Follow-up QuestionsCan you sketch a minimal code example of the fetch call inside a server component?What would you monitor in production to ensure the data fetching remains healthy?How does this approach affect SEO and initial page load time?Suggest Improvement
