Log what port is listened on and for each http request

app/server.ts

@@ -3,6 +3,7 @@ import { verifyKey } from "discord-interactions";
 import { createRequestHandler } from "@react-router/express";
 import express from "express";
 import bodyParser from "body-parser";
+import pinoHttp from "pino-http";
 
 import { applicationKey } from "#~/helpers/env.server";
 
@@ -16,6 +17,10 @@ import * as track from "#~/commands/track";
 import setupTicket from "#~/commands/setupTickets";
 
 export const app = express();
+
+const logger = pinoHttp();
+app.use(logger);
+
 app.use(
   createRequestHandler({
     // @ts-expect-error - virtual module provided by React Router at build time

index.dev.js

@@ -25,4 +25,7 @@ viteDevServer
     console.log({ error });
   });
 
-app.listen(process.env.PORT || "3000", async () => {});
+const PORT = process.env.PORT || "3000";
+app.listen(PORT, async () => {
+  console.log("INI", "Now listening on port", PORT);
+});

index.prod.js

@@ -37,4 +37,7 @@ const errorHandler = (error) => {
 process.on("uncaughtException", errorHandler);
 process.on("unhandledRejection", errorHandler);
 
-app.listen(process.env.PORT || "3000", async () => {});
+const PORT = process.env.PORT || "3000";
+app.listen(PORT, async () => {
+  console.log("INI", "Now listening on port", PORT);
+});

package.json

@@ -52,6 +52,7 @@
     "kysely-ctl": "^0.10.1",
     "lodash-es": "^4.17.21",
     "node-cron": "^3.0.0",
+    "pino-http": "^10.4.0",
     "pretty-bytes": "^5.6.0",
     "reacord": "^0.6.0",
     "react": "^18.2.0",