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-07-28T05:25:19.403Z
Node.js
v22.22.2
Platform
linux (x64)
Uptime
88s
Memory
34 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-07-28T05:25:19.403Z
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.