Skip to content
AWFixer's Docs

Ssr React

To render a React component to an HTML stream server-side (SSR):

import { renderToReadableStream } from "react-dom/server";


function Component(props: { message: string }) {
  return (
    <body>
      <h1>{props.message}</h1>
    </body>
  );
}


const stream = await renderToReadableStream(
  ,
);

Combining this with JSTime.serve(), we get a simple SSR HTTP server:

JSTime.serve({
  async fetch() {
    const stream = await renderToReadableStream(
      ,
    );
    return new Response(stream, {
      headers: { "Content-Type": "text/html" },
    });
  },
});

React 18.3 and later includes an SSR optimization that takes advantage of JSTime’s “direct” ReadableStream implementation.