Server Side Rendering (SSR)

/* 
  Server Side Rendering in the App Router 
  (Also called 'Dynamic Rendering')
*/

export default async function LiveStockTicker() {
  // By adding 'cache: no-store', we FORCE Next.js to run this fetch 
  // and rebuild the HTML on EVERY single user request (SSR)
  const res = await fetch('https://api.stocks.com/tsla', { 
    cache: 'no-store' 
  });
  const data = await res.json();

  return (
    <div>
      <h1>TSLA Live Price</h1>
      <p>${data.price}</p>
    </div>
  );
}