Saltar al contenido

Aplicaciones web progresivas

Una PWA: la app que se instala desde la web.

Una aplicación web progresiva se instala en el móvil desde el navegador, funciona sin conexión y puede enviar notificaciones. Una sola base de código, sin revisiones de tiendas y con actualizaciones al instante.

01 · Ventajas

Lo mejor de una app, con la sencillez de una web.

Para muchas apps de gestión, reservas o contenido, una PWA cubre lo que hace falta con mucho menos coste de mantenimiento.

Instalable

Icono en la pantalla de inicio y apertura a pantalla completa, como cualquier otra app.

Funciona sin conexión

Service workers que guardan pantallas y datos para seguir trabajando cuando falla la red.

Notificaciones push

En Android y escritorio, y también en iPhone cuando la PWA está instalada en la pantalla de inicio.

Móvil, tablet y escritorio

La misma aplicación sirve a todos los dispositivos, con una interfaz que se adapta a cada pantalla.

Actualizaciones inmediatas

Publicas un cambio y todos los usuarios lo tienen al abrir la app, sin esperar a ninguna revisión.

Encontrable en Google

Al ser web, su contenido público se puede indexar y compartir con un simple enlace.

02 · Comparativa

¿PWA o app nativa?

Una PWA no sustituye siempre a una app de tienda. Estas son las diferencias que suelen decidir.

CriterioPWAApp de tienda
InstalaciónDesde el navegador, sin cuenta en tiendasDesde App Store o Google Play
ActualizacionesInmediatasSujetas a revisión de la tienda
HardwareCámara, ubicación y sensores básicosAcceso completo (Bluetooth, NFC, segundo plano…)
VisibilidadBuscadores y enlacesBúsqueda dentro de las tiendas
Bases de códigoUnaUna o dos, según la tecnología

Si más adelante necesitas estar en las tiendas, buena parte de la lógica y del backend de una PWA se reaprovecha.

03 · Proceso

Cómo construimos una PWA.

Con el mismo método que cualquier otro desarrollo: ciclos cortos y software funcionando desde el principio.

  1. 01

    Viabilidad

    Revisamos si lo que necesitas cabe en una PWA o si alguna función exige app nativa.

  2. 02

    Diseño mobile-first

    Interfaz pensada primero para el móvil y ampliada después a tablet y escritorio.

  3. 03

    Desarrollo y modo offline

    Ciclos de dos semanas, con la estrategia de caché y sincronización definida desde el inicio.

04 · Incluye

Qué recibes.

Una aplicación lista para producción, alojada y mantenida.

ReactNext.jsAngularVueTypeScriptWorkboxNode.jsPostgreSQL
Pedir presupuesto
  • PWA instalable con manifiesto, iconos y pantalla de inicio
  • Funcionamiento sin conexión y sincronización de datos
  • Notificaciones push y backend propio
  • Rendimiento optimizado y puntuación Lighthouse revisada
  • Hosting gestionado con TLS, copias diarias y CDN
  • Código fuente en propiedad y mantenimiento posterior

Preguntas frecuentes

Lo que suelen preguntarnos

¿Qué es una PWA?

Una PWA, o aplicación web progresiva, es una aplicación web que se puede instalar en el móvil o el ordenador desde el navegador, abre a pantalla completa como una app, funciona sin conexión gracias a un service worker y puede enviar notificaciones push. Se desarrolla una sola vez y sirve para todos los dispositivos.

¿Las PWA funcionan en iPhone?

Sí. En iPhone una PWA se instala desde Safari con la opción de añadir a la pantalla de inicio, y una vez instalada puede recibir notificaciones push. Algunas funciones avanzadas del dispositivo siguen estando más limitadas que en Android o que en una app nativa.

¿Una PWA puede estar en Google Play o App Store?

No lo necesita, porque se instala desde la web, pero puede empaquetarse para publicarse en Google Play. Si más adelante se necesita una app de tienda completa, buena parte de la lógica y todo el backend de la PWA se reaprovechan.

Siguiente paso

¿Te vale una PWA o necesitas una app nativa?

Te lo decimos con franqueza tras una llamada de 30 minutos. A veces la opción más barata también es la mejor.