createStaticHandler

[MODES: data]

Summary

Reference Documentation ↗

Create a static handler to perform server-side data loading

tsx

export async function handleRequest(request: Request) {
  let { query, dataRoutes } = createStaticHandler(routes);
  let context = await query(request);

  if (context instanceof Response) {
    return context;
  }

  let router = createStaticRouter(dataRoutes, context);
  return new Response(
    ReactDOMServer.renderToString(<StaticRouterProvider ... />),
    { headers: { "Content-Type": "text/html" } }
  );
}

Signature

tsx

function createStaticHandler(
  routes: RouteObject[],
  opts?: CreateStaticHandlerOptions,
)

Params

routes

The route objects to create a static handler for

opts.basename

The base URL for the static handler (default: /)

opts.future

Future flags for the static handler

Returns

A static handler that can be used to query data for the provided routes