Server-Side Rendered Page

SSR (Server-Side Rendering)

This page is rendered on the server and hydrated on the client.

Render Mode: Server-Side Rendering
Load Time: 0ms
Server Time: 2/8/2026, 6:36:30 PM
Client Hydration: 2/8/2026, 6:36:30 PM

Rendering Information:

Data Generated On: Server
Is Server Side: Yes
Initial Render: Server

SSR Benefits:

  • ✅ Better SEO - content is available to search engines
  • ✅ Faster First Contentful Paint
  • ✅ Better performance on slower devices
  • ✅ Improved Core Web Vitals

Server-Generated Data:

Server ID: server-68w6p1pru
Request ID: req-1770575790099-1lnmxv
Server Load: 37%
IP Address: 192.168.1.100
Server Version: 1.0.0
Environment: production
Uptime: 5h 45m
Memory Usage: 65% (939MB / 4096MB)

Server-to-Client Data Transfer:

This data was generated on the Server and shows the actual rendering location:

{
  "serverTime": "2/8/2026, 6:36:30 PM",
  "serverId": "server-68w6p1pru",
  "requestId": "req-1770575790099-1lnmxv",
  "serverLoad": 37,
  "userAgent": "Node.js/22...",
  "ipAddress": "192.168.1.100",
  "serverVersion": "1.0.0",
  "environment": "production",
  "uptime": 20709,
  "memoryUsage": {
    "used": 939,
    "total": 4096,
    "percentage": 65
  },
  "isServerSide": true,
  "renderLocation": "Server"
}

Client-Side Interactivity:

Click count: 0

Last client update:

How SSR Works:

  1. Initial Request: User requests the page
  2. Server Rendering: Angular renders the page on the server with data
  3. HTML Response: Server sends complete HTML to browser
  4. Client Hydration: JavaScript takes over and makes the page interactive
  5. Subsequent Navigation: Client-side routing handles navigation