Publicar ZonQR en Netlify

Hosting gratis con HTTPS. Ideal para demos y primeras zonas sin servidores propios.

1. Preparar la carpeta

1. Ten la carpeta zonqr/ completa (index, admin, promo, js, css, assets…).
2. Edita js/config.js: WhatsApp y precios.
3. Opcional: carga negocios en Admin y descarga el JSON de respaldo.

2. Subir a Netlify

1. Entra a app.netlify.com y crea cuenta.
2. Add new site → Deploy manually.
3. Arrastra la carpeta zonqr/ (o un zip de su contenido).
4. Copia la URL que te den, por ejemplo https://random-name.netlify.app.

3. Nombre bonito (opcional)

Site configuration → Domain management → Options → Edit site name → ej. zonqr-xalapa.

4. Actualizar después de cambios

Deploys → Deploy manually otra vez y arrastra la carpeta actualizada.

5. Catálogo en el sitio publicado

Sin Firebase, el Admin guarda datos en el navegador de quien edita.

• Con Firebase (guía): activa js/config.js y pulsa Publicar en Firebase en Admin.
• Sin Firebase: Admin → Descargar JSON y en el otro dispositivo Importar archivo.

Demo offline en iPad

1. Publica el sitio (o usa un servidor local en la misma red).
2. En el iPad, abre la URL con internet una vez (promo + directorio + pestaña Mapa).
3. Safari puede Compartir → Añadir a pantalla de inicio.
4. La siguiente vez, aunque no haya red, la app shell y muchos datos ya quedan en caché.
5. Las fotos de Unsplash requieren haber cargado antes; si alguna falta offline, la lista y fichas siguen útiles para el pitch.

Checklist post-publicación

• ☐ promo.html abre bien
• ☐ index.html lista y mapa (OSM) funcionan
• ☐ Formulario de ventas abre WhatsApp
• ☐ Admin pide login (Firebase) y guarda un negocio de prueba
• ☐ Exportar / importar JSON en un segundo dispositivo

Ventas · Admin · Demo · Guía