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 Time2025-10-26T17:18:49.373Z
Server IDssr-gg128efn3
Request IDssr-req-1761499129373
Server Time2025-10-26T17:18:49.373Z
Environmentproduction
Timestamp1761499129373

Client-Side API Interaction

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

Latest API Response

Server IDssr-gg128efn3
Request IDssr-req-1761499129373
Environmentproduction
Server Time10/26/2025, 5:18:49 PM
Timestamp1761499129373
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