View Gatsby dev site on multiple devices?

[ooloth]

I'm hoping to test my Gatsby site on multiple devices during development.

Following the advice of @webOS101 in #864, I ran gatsby develop --host <my-machine>.local (substituting <my-machine> for my actual computer name). Gatsby then said my site is running at http://localhost:8000/ (which it is not).

If this is the correct method, what URL do I open each device's browser to in order to view my dev site?

If this is the wrong method, what is the right way to view my Gatsby dev site on multiple devices?

[KyleAMathews]

Looks like localhost got hardcoded:

gatsby/packages/gatsby/src/utils/webpack.config.js

Line 183 in 5cf7d18

`Your site is running at http://localhost:${program.port}`,

Interested in putting together a PR to use the actual host value?

[ooloth]

I'd love to! But, I'm not sure how that line needs to change... 🤔

[JLongley]

To be clear, that line you reference is just a log statement. The actual code DOES use the host value:

gatsby/packages/gatsby/src/utils/webpack.config.js

Lines 134 to 136 in 5cf7d18

	`${require.resolve(`webpack-hot-middleware/client`)}?path=http://${
	program.host
	}:${webpackPort}/__webpack_hmr&reload=true&overlay=false`,

You can achieve what you are trying to do with:

gatsby develop -H 0.0.0.0

[KyleAMathews]

--host works too — so what @ooloth was doing worked it just was confusing due to the logging bug.

Thanks for the fix @JLongley!

[maximerabot]

Hi,

is it also possible to make the auto refresh work?