Agüita Surf Tracker: una PWA que te avisa cuando hay olas

Del prototipo del Sustainability Lab a una app full-stack en producción: una PWA que mide marea, viento y olas en La Cícer y te manda una notificación push cuando es buen momento para surfear.

Agüita Surf Tracker: una PWA que te avisa cuando hay olas

¿Y si no tuvieras que mirar el parte del mar… porque el mar te avisa a ti? Esa es la idea detrás de Agüita Surf Tracker: una aplicación que vigila las condiciones de La Cícer —la playa de Las Palmas de Gran Canaria— y te manda una notificación al móvil cuando se abre una buena ventana para surfear.

De prototipo de taller a producto real

Todo empezó en el Sustainability Lab de Agüita House, donde montamos en una tarde una versión sencilla, sin escribir apenas código, de un panel del estado del mar (lo contamos en Agüita Surf Track). Aquel prototipo de tres archivos demostró que la idea funcionaba. El siguiente paso era convertirlo en algo de verdad: una app robusta, con usuarios, notificaciones y mantenimiento. Eso es lo que hicimos, y hoy está en producción.

Equipo de Agüita trabajando en el Surf Tracker durante el Sustainability Lab.

El problema

Para saber si vale la pena coger la tabla hay que cruzar varios datos —marea, viento y altura de la ola— y hacerlo a la hora correcta. Es tedioso, y lo más fácil es perderse justo la ventana buena mientras estás trabajando. La pregunta que guio el proyecto fue simple: en vez de obligar a la persona a consultar, ¿por qué no dejar que la app avise sola cuando se cumplen las condiciones?

Qué hace

Agüita Surf Tracker tiene dos caras:

  • Un panel en vivo de La Cícer: la marea en metros, el viento con una flecha que apunta su dirección y las olas descritas en palabras, no solo en números. Una gráfica de marea marca los mínimos del día y sombrea la ventana de buen surf.
  • Una notificación inteligente, una vez al día: te registras con Google o con tu correo, activas las notificaciones y, si hoy hay una buena ventana, recibes un aviso en el móvil. Como es una PWA (app web instalable), se añade a la pantalla de inicio y funciona como una app nativa sin pasar por ninguna tienda de aplicaciones.

Cómo decide qué es "buen surf"

El corazón de la app es una regla clara. Una hora se considera buena cuando se cumplen las cuatro condiciones a la vez:

  1. Ola dentro de tu rango (por defecto, entre 0,5 y 1,5 m).
  2. Cerca de la bajamar (dentro de ±1,5 h de un mínimo de marea).
  3. Viento flojo (por debajo de 18 km/h).
  4. De día (entre las 7 y las 20 h).

Y lo importante: cada persona ajusta sus propios umbrales desde la pantalla de ajustes. Para que la cosa no sea molesta, la app manda como mucho una notificación por día y por usuario.

Cómo está construido

Por dentro es una aplicación full-stack moderna, pensada para ser barata de mantener y fácil de escalar:

  • Next.js 15 (App Router, TypeScript) desplegado en Vercel para la web y la API.
  • Supabase para el inicio de sesión (Google y enlace mágico por email) y la base de datos PostgreSQL, con seguridad a nivel de fila para que cada usuario solo vea sus propios datos.
  • Web Push con claves VAPID y un service worker, lo que permite enviar notificaciones sin app store ni servicios de pago.
  • Un proceso automático diario (un cron a las 06:00 hora canaria) que es el que cierra el círculo: consulta los datos del mar, puntúa el día para cada usuario según sus preferencias y, si hay ventana, dispara la notificación.
  • Los datos vienen de Open-Meteo (mareas, viento y oleaje), una fuente abierta, gratuita y sin clave.

El flujo completo, en una frase: cada mañana el sistema mira el mar, lo compara con lo que le gusta a cada surfista y avisa a quien tenga olas a su medida.

El resultado

De una idea de taller salió un producto real, en producción y mantenible: instalable como app, sin coste de APIs ni de tienda, y construido sobre una base sólida (Next.js, Supabase y servicios gestionados) que permite añadir funciones sin rehacer nada. Para nosotros es el ejemplo perfecto de lo que hacemos en Agüita: llevar una buena idea desde el prototipo hasta algo que la gente usa de verdad.

¿Tienes un proyecto que quieres llevar de la idea al producto? Hablemos — o echa un vistazo a Agüita Surf Tracker en vivo.

← volver al blog