index.html: Landing con detección de plataforma y CTAs.manifest.webmanifest: Manifest PWA.sw.js: Service Worker (cache básico + offline).install.js: Manejo delbeforeinstallprompt(Android) e instrucciones iOS.icons/: Iconos 192/512 y maskable.
- Crea un repositorio (público):
via-pwa-landing. - Sube estos archivos a la rama
mainen la raíz. - En Settings → Pages, selecciona
Deploy from a branch, Branchmain→/ (root). - Espera el deploy: tu URL será
https://<usuario>.github.io/via-pwa-landing/. - Abre la URL en Android (Chrome) e iOS (Safari) y sigue las instrucciones de la landing.
- Arrastra la carpeta al panel de Netlify o conecta el repo.
- Asegúrate de que
index.htmlesté en la raíz. Sin build step.
Genera un QR que apunte a la URL pública (ej.: https://<usuario>.github.io/via-pwa-landing/).
- Cambia colores en
index.html(:root) ytheme_coloren el manifest. - Sustituye iconos en
icons/por tus versiones (192 y 512 px). Agregaapple-touch-icona 180×180 si lo prefieres. - Ajusta el caching en
sw.jssegún tus rutas finales.
- Chrome DevTools → Application: verifica Manifest + Service Worker.
- En iOS: Safari no muestra prompt; usa "Agregar a pantalla de inicio".