En este tercer post veremos cómo jugar directamente desde el navegador (versión web)

Para quien solo quiere jugar sin instalar nada, esta es la mejor opción.

👉 El mismo juego se puede ejecutar como web, sin cambiar el código.

¿Qué cambia?

Nada para el usuario:

• No hay que instalar apps.
• No hay QR.
• No hay permisos.

Solo:
👉 abrir un enlace y jugar.

Dónde está publicada la versión web

Hay que desplegar la app en Netlify.

📎 Enlace directo al juego (versión web):
👉 https://neontap.netlify.app/

Funciona en:

• móvil,
• tablet,
• ordenador.

Cómo desplegar Neon Tap! en Netlify (bien hecho)

Idea clave (qué hace Expo aquí)

Tu proyecto Expo es multiplataforma, pero Netlify solo sirve archivos web estáticos (HTML, JS, CSS).

Por tanto:

1. Expo genera una build web (carpeta de archivos).
2. Netlify publica esa carpeta, no el proyecto completo.

PASO 1 · Generar la versión web del juego

Desde la terminal, dentro de tu proyecto:

cd ~/Desktop/neon-tap
npx expo export -p web

Qué ocurre:

• Expo compila el juego para web
• Se crea una carpeta nueva llamada normalmente:

dist/

(En algunos casos puede ser web-build/, pero hoy en Expo es dist/).

Dentro verás cosas como:

dist/
├─ index.html
├─ _expo/
├─ assets/
└─ favicon.ico

👉 Eso es lo que Netlify necesita.

PASO 2 · Prueba la versión web en local (opcional pero recomendable)

Antes de subir nada, puedes probarlo en tu navegador:

npx serve dist

Si no tienes serve:

npx serve dist

Abre el enlace que te diga (algo como http://localhost:3000)
Si el juego funciona ahí, funcionará en Netlify.

---

PASO 3 · Subir a Netlify (método simple)

La forma más didáctica y rápida.

1. Ve a netlify.com
2. Inicia sesión
3. En el panel principal:
   • “Add new site”
   • “Deploy manually” (o “Deploy without Git”)
4. Arrastra la carpeta dist/ (solo esa carpeta)
5. Espera unos segundos

🎉 Netlify te da automáticamente:

• una URL pública
• HTTPS
• hosting listo

¿Es una PWA?

No.

• Es una app web generada desde Expo.
• No se instala como app.
• No pretende sustituir a la versión nativa.

Su objetivo es accesibilidad y prueba inmediata.

Comparativa rápida

Forma de probar	Ideal para	Instalación
Expo Go	Curiosos, desarrolladores, aprendizaje	Sí (Expo Go)
Web (Netlify)	Cualquiera	No

Cosas importantes a saber (para evitar sustos)

❗ Netlify NO ejecuta Expo

Netlify:

• no instala dependencias en este caso,
• no ejecuta React Native,
• solo sirve archivos estáticos.

Por eso:

• ❌ no subas node_modules
• ❌ no subas todo el proyecto
• ✅ solo dist/

❗ La versión web no tiene vibración nativa

• expo-haptics se ignora en web (sin error).
• El juego funciona igual, solo sin vibración.
  Esto es normal y correcto.

Conclusiones

Este proyecto demuestra algo importante:

No hace falta elegir entre “app” o “web”.
Puedes tener ambas, con el mismo código.

• Expo Go es perfecto para experimentar y aprender.
• La versión web es perfecta para compartir y divulgar.

Con los tres posts de esta serie, tenemos la información clara y precisa para crear apps en local que podemos probar en nuestro teléfono móvil o hacerlas públicas en versión web.