Server Component
Dashboard Page
This page is a Server Component, but it renders a Client Component below for interactive state and event handling.
Component Architecture
Server → Client
Server Component
DashboardPage
Can render normally without "use client".
→
Client Component
Counter
Uses useState and onClick.
Client Component
Interactive state
0
This counter needs the browser because its state changes when the button is clicked.
useState() stores the counter value, while onClick responds to the user's interaction.
Server-rendered content
Dashboard Items
- 01Dashboard item 1
- 02Dashboard item 2
- 03Dashboard item 3