Dynamic Route Example (SSR)

This page is rendered fresh on every request

42%
Server Load
1053
Active Users
2014
Requests Today
25.5°C
Server Temp

Request Information

Generated: 12/13/2025, 4:14:14 AM
Session ID: ylg0nhv3ezp
Client IP: 216.73.216.183
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