React Server Components (RSC) & Server Actions
Fetch data on the server with zero client bundle overhead, understand the "use client" directive boundary, and mutate data securely via Server Actions.
Server Components vs Client Components
### Server vs Client Boundary
- **Server Components (Default)**: Render exclusively on the server, have direct database/filesystem access, and ship ZERO JavaScript to the client bundle.
- **Client Components (`'use client'`)**: Hydrate in the browser to provide interactive event listeners (`onClick`) and state hooks (`useState`).