Dynamic Route Example (SSR)

This page is rendered fresh on every request

3%
Server Load
561
Active Users
9625
Requests Today
32.4°C
Server Temp

Request Information

Generated: 12/15/2025, 9:54:25 AM
Session ID: boilodblprr
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