Dynamic Route Example (SSR)

This page is rendered fresh on every request

81%
Server Load
719
Active Users
3588
Requests Today
25.0°C
Server Temp

Request Information

Generated: 6/20/2026, 9:39:13 PM
Session ID: lax1p2fa3l
Client IP: 216.73.216.69
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