// app/ssr/page.tsx
// Force dynamic rendering - disable static optimization
export const dynamic = 'force-dynamic'

export default async function SSRPage() {
  // This function runs on the server for EVERY request
  const data = await fetch('https://api.example.com/real-time-data', {
    cache: 'no-store' // Disable cache - ensures fresh data every time
  })
  
  const jsonData = await data.json()
  
  return (
    <div>
      <h2>SSR: Server-Side Rendering</h2>
      <p>This page is rendered on the server for every request.</p>
      <p>Request Time: {new Date().toISOString()}</p>
      <p>Server Time: {new Date().toISOString()}</p>
      <p>Real-time Data: {jsonData.value}</p>
    </div>
  )
}