Serve a directory of static files

Hi, thanks for doing this @sholladay - is there a way to serve a directory of static files at a particular path with the correct response type set automatically?

The use case is to serve the web UI- e.g. the production build of a create-react-app project

In Hapi, I can do this with @hapi/inert and the directory handler it gives.

  server.route({
    method: "GET",
    path: "/app/{path*}",
    handler: {
      directory: {
        path: Path.join(__dirname, "../../client/build/"),
        listing: false,
        index: true
      }
    }
  });

[sholladay]

Deno (via TypeScript) compiles the JSX syntax to React.createElement() calls, so long as a .jsx or .tsx file extension is used. However, Deno does not provide an implementation of React, so we need to import React anywhere that JSX is used. Pogo is responsible for rendering those React calls to static HTML markup via ReactDOMServer. Or you can render them yourself and return the markup as a string, Pogo will still treat it as HTML.

I hope that clears things up! We could probably use an FAQ section with that in it. I also just noticed that the README mentions the Pika CDN, which I had to stop using due to some bugs. That needs to be updated.

[sholladay]

This feature should be easier to implement now because of the new router (see #29).

Previously, you would’ve had to read the filesystem and map all of the desired file names to a list of paths and then construct a list of routes based on that, which would be annoying.

Now, we have support for wildcard paths, such as /{foo*}, which will match any request that starts with /. Or /bar/{foo*}, which will match any request that starts with /bar/. You’ll probably want to use that in any route that serves a directory so that it can look up arbitrary file names from within the handler.