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-02-15T09:37:44.735Z
Server IDssr-aoiytr5rp
Request IDssr-req-1771148264735
Server Time2026-02-15T09:37:44.735Z
Environmentproduction
Timestamp1771148264735

Client-Side API Interaction

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

Latest API Response

Server IDssr-aoiytr5rp
Request IDssr-req-1771148264735
Environmentproduction
Server Time2/15/2026, 9:37:44 AM
Timestamp1771148264735
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