Dynamic Route Example (SSR)

This page is rendered fresh on every request

42%
Server Load
255
Active Users
7569
Requests Today
38.0°C
Server Temp

Request Information

Generated: 2/3/2026, 5:26:13 AM
Session ID: 1uhmuov2hvg
Client IP: 216.73.216.182
User Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
Method: GET

SSR Features

Server-side rendering
Request-specific data
Real-time information
User personalization
Dynamic content generation

Implementation

---
// SSR by default - no prerender needed
const userAgent = Astro.request.headers.get('user-agent');
const currentTime = new Date().toLocaleString();
const clientIP = Astro.clientAddress;

// Fetch real-time data, check user auth, etc.
const dynamicData = await fetchUserSpecificData();
---

<Layout title="Dynamic SSR Page">
  <h1>Generated at: {currentTime}</h1>
  <p>Your IP: {clientIP}</p>
  <p>Browser: {userAgent}</p>
</Layout>

Refresh to See Changes

Every page refresh generates new content because this page is rendered on the server for each request.

Performance Trade-offs

✅ Benefits:

  • • Real-time, personalized content
  • • Access to request headers & user data
  • • Dynamic database queries
  • • Server-side authentication

⚠️ Considerations:

  • • Slower initial page load
  • • Higher server resource usage
  • • Requires server infrastructure
  • • Less cache-friendly