ovr

The Streaming Framework

Performance First

Run operations in parallel and stream results on the fly.

Type Safe

Type safe path parameters, components, and more.

Async Generator JSX

Stream HTML with familiar JSX components, no client-side JS required.

User Data

Low memory multipart form data streaming.

Web Standards

Built on the Fetch API, ovr runs everywhere.

Demo

Check out the demos to see ovr in action.

Introduction

Designed to optimize Time-To-First-Byte, ovr evaluates components in parallel and streams HTML in order by producing an AsyncGenerator of HTML that feeds directly into the streamed response.

For example, for the following component:

tsx

function Component() {
	return <p>hello world</p>;
}

ovr generates three chunks of HTML:

"<p>"; // streamed immediately
"hello world"; // next
"</p>"; // last

Asynchronous streaming

While this streaming is trivial for a paragraph, consider when a component is asynchronous:

tsx

async function Username() {
	const user = await getUser(); // slow...

	return <span>{user.name}</span>;
}

function Component() {
	return (
		<p>
			hello <Username />
		</p>
	);
}

Instead of waiting for Username to resolve before sending the entire Component, ovr will send what it has immediately and stream the rest as it becomes available.

"<p>";
"hello ";
// streamed immediately

// for await (const chunk of Username()) { ...
"<span>";
"username";
"</span>";

"</p>";

Web browsers are built for streaming, they parse and paint HTML as it arrives. Most critically, the head of the document can be sent immediately to start the requests for linked assets (JavaScript, CSS, etc.) and start parsing before the HTML has finished streaming.

ovr’s architecture gives you streaming server-side rendering out of the box. No hydration bundle, no buffering—just HTML delivered in order, as soon as it’s ready.

Get Started

ovr