tierless

Tierless

Your page makes 8 API calls to render one view. Tierless runs that whole workflow server-side in ONE round trip — without you writing the endpoint.

You write the workflow as one plain JavaScript function; Tierless compiles it into a serializable state machine and migrates the live continuation between browser and server at the resource calls. Every api.* is authorized per call by a reference monitor in its own process. ~140 B / ~2.5 µs per hop; data you don't touch stays home behind a ~400 B handle; 7.1 kB gzipped in the browser.

// vite.config.mjs
import tierless from "tierless/vite";
export default { plugins: [react(), tierless({ api: "./src/api.server.mjs" })] };

// src/actions.mjs
"use tierless";
export function rebalance(holdings) {
  const orders = [];
  for (const h of holdings) {
    const px = api.getQuote(h.sym);
    if (px > h.limit) orders.push(api.placeOrder({ sym: h.sym, qty: h.qty }));
  }
  return orders;
}

Full docs, the evidence (33 executable proofs), examples, and the honest production/when-not-to-use notes: https://github.com/tierlessjs/tierless