The router map url paths to component vals.

Component vals must export a React Component as their default export:

Create val
export default function() {
    <h1>Hello World!</h1>
}

Optionally, you can define an handler next to your component, allowing you to handle query params or form inputs.

Use the ctx.render function to pass props to your component.

Create val
export const handler: Handler = (ctx) => {
  const url = new URL(ctx.req.url);
  const params = new URLSearchParams(url.search);
  return ctx.render({ name: params.get("name") });
};

export default function(props: {name?: string}) {
    <h1>Hello { name || "World }!</h1>
}