Cómo se corre un servidor de desarrollo tanto en desktop como en móvil al tiempo?

Como es que se hace para que un servidor de desarrollo se vea tanto en localhost:3000 como en mi celular al mismo tiempo cuando se renderiza un proyecto en modo desarrollo?

Que las instrucciones sean funcionales a proyectos react hecho con Astro framework.

Necesito ver el estado actual del desarrollo para corregir las inconsistencias del diseño en ambos dispositivos; no quiero modo responsive del explorador que no es confiable del todo; gracias.

Para lograr esto necesitarás hacer accesible tu servidor de desarrollo en tu red local. Aquí te muestro un procedimiento simple que puedes seguir:

1. Haz que tu servidor esté escuchando en tu dirección IP local en lugar de localhost. En el comando para iniciar tu servidor con Astro, intenta reemplazar localhost por 0.0.0.0. Esto permitirá que el servidor sea accesible desde cualquier dispositivo en tu red local.

2. Asegúrate de que tu firewall o cualquier software de seguridad no esté bloqueando la conexión.

3. En tu móvil, conectate a la misma red Wi-Fi a la que está conectado tu PC.

4. En el navegador de tu móvil, ingresa la IP de tu PC seguido por :3000. Así: 192.168.x.x:3000.

Esto debería permitirte ver tu sitio de desarrollo en tu dispositivo móvil exactamente como se muestra en tu PC.

Espero que esta respuesta te ayude. Si tienes algún problema, no dudes en preguntar.

Si lo que queres ver es como funciona ajustando el tamaño tan solo apretas desde computadora con algún nav chromium el F12 y ajustas el tamaño relativo, con eso podes simular diferentes tamaños de teléfonos, tablets, etc... sino, lo que dijo el bot

La respuesta que te da el bot es funcional puedes probar con ella.

Debes ver la ip local de tu pc y acceder a ella desde tu movil. Aunque yo te recomiendo usar vercel conectado a github y se va actualizando solo, puedes acceder hasta fuera de tu red local

alvgonzx dijo:

Debes ver la ip local de tu pc y acceder a ella desde tu movil. Aunque yo te recomiendo usar vercel conectado a github y se va actualizando solo, puedes acceder hasta fuera de tu red local

Hacer clic para expandir...

Explicame lo de Vercel conectado a GitHub para visualizar un servidor de desarrollo para ver múltiples tipos de pantalla. Uso Vercel todos los días, pero no he visto esa función...