Back

CSR

Rendered in the browser

Different data each time (fetched in browser)

Loading data in browser...

Facts

  • • Rendered in browser with JS
  • • Different data each time
  • • Initial HTML is minimal
  • • Data fetched after page loads
  • • Interactive • Flexible
  • • Reduced server load
  • • SEO can be challenging

Notes

💡 Key: "use client" directive at top tells Next.js to render on client side

📝 Check page source - no data in HTML! Added by JavaScript after page loads. Check Network tab for API call.