Server + Client Data

This page demonstrates the server/client boundary. The server component fetches data using Node.js APIs (like process.uptime()) and passes it as props to a client component that adds interactivity.

Server-Rendered Stats

Server Time
2026-03-01T21:45:11.305Z
Node.js
v22.22.0
Platform
linux (x64)
Uptime
108s
Memory
36 MB
PID
4

Client-Side Interaction

The component below is a client component. It receives the server time as an initial prop but can refresh independently.

Server time (frozen)2026-03-01T21:45:11.305Z
Client time (live)hydrating...
Seconds since hydration0

Notice the server time never changes — it was rendered once on the server. The client time updates every second in the browser.