server.mjs

import { createRequestHandler } from "@react-router/express";
import compression from "compression";
import express from "express";
import morgan from "morgan";

const viteDevServer =
   process.env.NODE_ENV === "production"
      ? undefined
      : await import("vite").then((vite) =>
           vite.createServer({
              server: { middlewareMode: true },
           })
        );

const remixHandler = createRequestHandler({
   build: viteDevServer
      ? () => viteDevServer.ssrLoadModule("virtual:react-router/server-build")
      : await import("./build/server/index.js"),
});

const app = express();

app.use(compression());

// http://expressjs.com/en/advanced/best-practice-security.html#at-a-minimum-disable-x-powered-by-header
app.disable("x-powered-by");

// handle asset requests
if (viteDevServer) {
   app.use(viteDevServer.middlewares);
} else {
   // Vite fingerprints its assets so we can cache forever.
   app.use("/assets", express.static("build/client/assets", { immutable: true, maxAge: "1y" }));
}

// Everything else (like favicon.ico) is cached for an hour. You may want to be
// more aggressive with this caching.
app.use(express.static("build/client", { maxAge: "1h" }));

app.use(morgan("tiny"));

// handle SSR requests
app.all("*", remixHandler);

app.listen(3000, "0.0.0.0", () => console.log(`Express server listening at http://localhost:3000`));