Back to Home
Server-Side Rendering Demo
This page demonstrates Next.js 15+ SSR capabilities with server-generated data
Server-Side Rendered Data
Server Render Time2026-04-01T14:32:04.890Z
Server IDssr-f249tam34
Request IDssr-req-1775053924890
Server Time2026-04-01T14:32:04.890Z
Environmentproduction
Timestamp1775053924890
Client-Side API Interaction
Click the button below to fetch fresh data from the API route in real-time
Latest API Response
Server IDssr-f249tam34
Request IDssr-req-1775053924890
Environmentproduction
Server Time4/1/2026, 2:32:04 PM
Timestamp1775053924890
Fetched0.0s ago
About the API Endpoint
- • Endpoint:
/api/server-info - • Method: GET
- • Runtime: Full Node.js (not Edge Runtime)
- • Response: JSON with server metadata
- • CORS: Enabled for cross-origin requests
Technical Implementation Details
Server-Side Features
- ✓Data generated during SSR
- ✓No client-side loading state
- ✓SEO-friendly content
- ✓Fast initial page load
Client-Side Features
- ✓Real-time API data fetching
- ✓Interactive user experience
- ✓Loading and error states
- ✓Client-side hydration