Next.js Discord

Discord Forum

Custom server and HMR

Answered
Serengeti posted this in #help-forum
Open in Discord
SerengetiOP
// server.js
import { createServer } from "node:http";
import next from "next";
import { Server } from "socket.io";

const dev = process.env.NODE_ENV !== "production";
const hostname = "localhost";
const port = 3000;
// when using middleware `hostname` and `port` must be provided below
const app = next({ dev, hostname, port });
const handler = app.getRequestHandler();

app.prepare().then(() => {
  const httpServer = createServer(handler);

  const io = new Server(httpServer);

  io.on("connection", (socket) => {
    // ...
  });


  httpServer
    .once("error", (err) => {
      console.error(err);
      process.exit(1);
    })
    .listen(port, () => {
      console.log(`> Ready on http://${hostname}:${port}`);
    });
});


Why hot module replacement doesn't work in my nextjs?
Answered by Serengeti
That's because of WSL2.
Fixed by running script via Windows Powershell
View full answer

2 Replies

SerengetiOP
SerengetiOP
That's because of WSL2.
Fixed by running script via Windows Powershell
Answer