How do I change the port used by Remix.run's local development server?

Question

By default, Remix.run seems to use Port 3000 for local development when running:

❯ npm run dev

> dev
> concurrently "npm run dev:css" "remix dev"

[0]
[0] > dev:css
[0] > tailwindcss -o ./app/styles/tailwind.css --watch
[0]
[1] Watching Remix app in development mode...
[1] 💿 Built in 161ms
[1] Remix App Server started at http://localhost:3000

How do you change the port it runs on?

Answer 1

As of v1.1.3 (~Jan 2022), the local development port is configured with the PORT environment variable.

Example:

PORT=10000 npm run dev

Gives

> dev
> concurrently "npm run dev:css" "remix dev"

[0]
[0] > dev:css
[0] > tailwindcss -o ./app/styles/tailwind.css --watch
[0]
[1] Watching Remix app in development mode...
[1] 💿 Built in 162ms
[1] Remix App Server started at http://localhost:10000