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-05-18T13:19:16.283Z
Server IDssr-uzpsgjgm4
Request IDssr-req-1779110356283
Server Time2026-05-18T13:19:16.283Z
Environmentproduction
Timestamp1779110356283

Client-Side API Interaction

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

Latest API Response

Server IDssr-uzpsgjgm4
Request IDssr-req-1779110356283
Environmentproduction
Server Time5/18/2026, 1:19:16 PM
Timestamp1779110356283
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