How would I display this application over a local network?

[HasturDev]

I am attempting to display this application over a local network so I can allow others to interact with the application. Looking at the code it seems that the config is displaying the site over localhost:3000 as a default. the backend is normally running on 0.0.0.0 and connecting to the api_url which is defaulted above. So do I need to change the backend host Ip address to something other than 0.0.0.0 and instead have it use something like 127.0.0.1?
I'm probably just missing something obvious as I don't do a lot of front end coding
I'm attempting to get onto it through my phone or other device and I keep getting the error
"Connection Error"
"Cannot connect to server: websocket error. Check if server is reachable at http://{whatever my site name is set to}:{port}

[masenf]

can you post the output of your reflex run command with --loglevel debug so that I can see all your configuration values.

I just posted a PR today, that should make this a bit more ergonomic for users: #1954

For now, you have to set the api_url config knob to a publicly accessible IP address (or a LAN IP if your testing on the same local network). I'm kind of surprised that you're seeing {whatever my site name is set to}:{port} in the websocket error message... that tells me your device is able to access the frontend, but it cannot access the backend. If you go to http://{whatever my site name is set to}:{port}/ping do you see the "pong" message?

[masenf]

I'm getting an Unresponsive message on the page.

Is this from the browser?

[HasturDev]

I'm getting an Unresponsive message on the page.

Is this from the browser?

yes I tried it from a Safari, Firefox, and Chrome browser

[masenf]

ah okay, try with api_url = "http://192.168.x.y:8000", it needs to be an actual URL, i typed too fast in my prior message

[HasturDev]

That just gives me json:

detail	"Not Found"

[masenf]

The backend listens on port 8000 by default and the frontend is on port 3000 by default. So if you access the 8000 port, it's expected that you get the API response back. When you access on port 3000, you should get the frontend app and it will connect to the backend to establish a websocket connection.