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-12-24T20:32:51.144Z
Server IDssr-9dtt00b5t
Request IDssr-req-1766608371144
Server Time2025-12-24T20:32:51.144Z
Environmentproduction
Timestamp1766608371144

Client-Side API Interaction

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

Latest API Response

Server IDssr-9dtt00b5t
Request IDssr-req-1766608371144
Environmentproduction
Server Time12/24/2025, 8:32:51 PM
Timestamp1766608371144
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