Hot-reloading of custom servers

[sedubois]

I think the custom server examples (e.g dynamic routing: https://github.com/zeit/next.js/tree/master/examples/parameterized-routing) don't hot-reload when the server.js itself changes. How is that done? It would be great if the example showed that.

[timneutkens]

I'm guessing it's easiest to do it the usual node server way, with nodemon 😄

[markthethomas]

I use nodemon for that myself =>

nodemon -w server.js -w src -x env-cmd develop babel-node server.js

[sedubois]

Thanks, that works 🙂

"dev": "nodemon -w server.js server.js"

sedubois/relate@5b7d8b2

[newswim]

note that just doing nodemon server.js sends the process into a tailspin.

[brandones]

It seems like the next dev server modifies source files while serving, which makes it so that nodemon can't watch sources without getting confused. My server went into a tailspin when I tried nodemon -w pages -w components -w server.js server.js. With just nodemon -w server.js server.js I have to manually kill and restart the server in order for it to pick up changes to non-server files.

[jakewies]

Just installed nodemon hoping to get reloading of a custom server routing nextjs apps and ran with nodemon server.js too. Got the tailspin. Def not recommended. Is there a better solution?

[pgsandstrom]

Im not too familiar with nodemon, but for some reason nodemon server.js sent me into a tailspin but nodemon -w server.js server.j worked. I get a redundant compile each swap, but it works.

[jimmylee]

Just so you guys know, you can configure a nodemon.json file in your project root folder:

{
  "verbose": true,
  "ignore": ["node_modules", ".next"],
  "watch": ["server/**/*", "index.js"],
  "ext": "js json"
}

And for those who are using babel-node and presets

nodemon index.js --exec babel-node --presets es2015,stage-1,stage-2,stage-3

However just like @pgsandstrom's suggestion, you won't get a tailspin but you still get the redundant compile each swap. Better than manual server restarting though! 😎

[msmichellegar]

Worked great, thanks @jimmylee 👍

[itaditya]

@timneutkens if I use nodemon with custom server then I loose all the benefits of webpack HMR. And I don't want that. Can I help in some way to make the custom server experience better?

[brainkim]

If you’re still having problems, next.js (on OSX at least) has a habit of touching files in the pages directory, so you have to make nodemon ignore your pages directory as well. next.js handles changes in those files anyways.

[guiihlopes]

@timneutkens if I use nodemon with custom server then I loose all the benefits of webpack HMR. And I don't want that. Can I help in some way to make the custom server experience better?

I'm also facing issues with custom server and webpack HMR... Is there any solution, or nothing yet?

[sergiodxa]

The nodemon example solves the HMR issue. It will only reload the server when the server files change and not the Next app files.