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-11-06T02:36:33.685Z
Server IDssr-qa1gp0rsp
Request IDssr-req-1793932593685
Server Time2026-11-06T02:36:33.685Z
Environmentproduction
Timestamp1793932593685

Client-Side API Interaction

Click the button below to fetch fresh data from the API route in real-time

Latest API Response

Server IDssr-qa1gp0rsp
Request IDssr-req-1793932593685
Environmentproduction
Server Time11/6/2026, 2:36:33 AM
Timestamp1793932593685
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