Live DataSSR

Server-Side Rendering

This page fetches fresh data from an external API on every request. The data is rendered on the server before being sent to the client.

Fetched at:2026-03-01T12:48:05.650Z
Users loaded:10

How SSR Works

1

Request

User requests the page from the server

2

Fetch Data

Server fetches fresh data from APIs

3

Render & Send

HTML is rendered and sent to client

Live User Data

Leanne Graham

Leanne Graham

Sincere@april.biz

Romaguera-Crona

Ervin Howell

Ervin Howell

Shanna@melissa.tv

Deckow-Crist

Clementine Bauch

Clementine Bauch

Nathan@yesenia.net

Romaguera-Jacobson

Patricia Lebsack

Patricia Lebsack

Julianne.OConner@kory.org

Robel-Corkery

Chelsey Dietrich

Chelsey Dietrich

Lucio_Hettinger@annie.ca

Keebler LLC

Mrs. Dennis Schulist

Mrs. Dennis Schulist

Karley_Dach@jasper.info

Considine-Lockman

Kurtis Weissnat

Kurtis Weissnat

Telly.Hoeger@billy.biz

Johns Group

Nicholas Runolfsdottir V

Nicholas Runolfsdottir V

Sherwood@rosamond.me

Abernathy Group

Glenna Reichert

Glenna Reichert

Chaim_McDermott@dana.io

Yost and Sons

Clementina DuBuque

Clementina DuBuque

Rey.Padberg@karina.biz

Hoeger LLC

Code Example

async function fetchUsers() {
  const response = await fetch(
    "https://jsonplaceholder.typicode.com/users",
    { cache: "no-store" } // Forces fresh data on every request
  );
  return response.json();
}

export default async function SSRPage() {
  const users = await fetchUsers();
  return <UserList users={users} />;
}