A Vite project running on Val Town. The server.tsx serves the project. If you make any edits the server will rebuild on the next request.

The vite build server is a proxy. Any request on the frontend is proxied to the build server:

Create val
const projectVal = parseProject(import.meta.url);
export default async function(req: Request): Promise<Response> {
  const url = new URL(req.url);
  const path = `/${projectVal.username}/${projectVal.name}@${projectVal.version}${url.pathname}`;
  const proxyUrl = new URL(path, "https://vite-proxy.ng-demo.valtown.net").toString();
  const response = await fetch(proxyUrl);

When a request is recieved, the proxy downloads the entire project source (it can't be private) and builds it using Deno.