Problem Statement
What is the default component type in the App Router?
Explanation
In the App Router, all components are React Server Components by default, meaning they render on the server and their code is never sent to the client, reducing bundle size and enabling direct database access. Server Components can async fetch data, access backend resources directly, keep sensitive information like API keys secure on the server, and automatically deduplicate requests. To use client-side features like hooks, event handlers, or browser APIs, you must explicitly mark components with the 'use client' directive at the top of the file.
Practice Sets
This question appears in the following practice sets: