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?

score 18 · Accepted Answer · answered Jan 29 '22 at 16:37

18

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

answered Jan 29 '22 at 16:37

Darian Moody

3,565
1
22
33

in remix.config.js, `module.exports` -->(add) `devServerPort: 3003` – Rahimuddin May 09 '22 at 13:59
@Rahimuddin Nope, that's for the dev websocket server, not the dev server itself. – Darian Moody May 12 '22 at 14:47
Works in prod too. – Siri Nov 23 '22 at 17:27
1

For beginners, you can modify `scripts`on`package.json` file and add this port. For instance, change the `"dev": "remix dev"` to `"dev": "PORT=10000 remix dev"` – Mahmoud Moravej Aug 13 '23 at 03:50

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

1 Answers1