Next.js 15
Raspberry Pi 5
Self-hosted
Your home lab, presented like a product.
A polished landing page that doubles as a live demo: realtime system health, connected devices, and simple “ops” controls—built for sharing.
Refresh
20s
Hosting
Local
Focus
Clarity
Built on
Simple stack, great UX.
Next.js App Router
shadcn/ui primitives
Tailwind CSS
Recharts for time series
What it shows
Useful, not noisy.
CPU temp + throttling lines
CPU + RAM charts
Disk + attached devices
Power + server status
Features
A product-style landing page, backed by real data.
Realtime by default
Auto-refresh with pause + refresh controls.
Stay current without babysitting the page.
Thermal context
Throttle + critical reference lines.
Know when performance drops are heat-related.
Charts that read well
Clean axes, tooltips, and steady rendering.
Time series without visual clutter.
Service-aware
Status, PID, CPU, memory, restarts.
Practical details, formatted for quick scanning.
Power visibility
Source + voltage + current + watts.
Spot power issues and load spikes quickly.
Shareable touches
Copy IP + last updated indicator.
Easy to send to friends without explaining everything.
How it works
Simple flow from device to UI.
1. Collect
System stats
Temperature, CPU, memory, disk, devices, power.
2. Serve
Local API
The UI reads `/api/system-stats` on a short interval.
3. Present
Product UI
Charts + cards that stay readable on mobile.
Connected devices
Example integration.
Live demo
The landing page stays clean—details live down here.
20s refresh
Server
offline
Location
192.168.1.135
Last updated
…
Process ID...
Port...
Memory...
CPU...
Restarts...
Location & Weather
Physical Location
Park City, Utah
United States
...
Local Weather
...
...
Humidity: ...
Wind: ...
Map
40.6461°N, -111.4980°W
Network Address
192.168.1.135
CPU Temperature
…
...
CPU Usage
…
Memory Usage
…
...GB used of ...GB
System Uptime
...
Time since last reboot
Disk Usage
...%
... used of ...
Attached Devices
USB Devices
- No USB devices detected
Storage Devices
- No additional storage devices detected
Power Consumption
Source
...
Power
...W
Voltage
...V
Current
...A
Sensor Network
RP2350 nodes collecting environmental data via Pi Zero edge gateway.
10s refresh
Sensor Network
Want this style for more pages?
Next step is turning the rest of the site into the same “product” experience (navigation, docs, and a public demo mode).
Links below are just references to the platform + hardware.