Producto propio · Monitorización
Blip
Mi propio centro de control — un panel privado que vigila cada web de cliente (disponibilidad, seguridad, velocidad, SEO, búsquedas, contactos y tareas) y pone primero lo que necesita atención hoy.
- Cliente
- Producto propio
- Duración
- 1 día · 1 oct 2026
- Rol
- Producto, diseño y desarrollo
- Webs vigiladas
- 9
- Señales por proyecto
- 6
- Tareas de comprobación programadas
- 8
El encargo
Me ocupo de un número creciente de webs y aplicaciones de clientes. Cada una tiene su propio hosting, base de datos, analítica y buzón, y los problemas salían a la luz cuando un cliente se daba cuenta: un certificado a punto de caducar, un despliegue fallido, un contacto sin respuesta, una página que se había vuelto lenta. Quería una sola pantalla tranquila que lo compruebe todo por mí y ponga primero lo poco que importa.
El reto
Lee datos de producción de los sistemas de varios clientes, así que tenía que ser privado y seguro desde el diseño: ningún dato personal de clientes, ningún secreto en la base de datos, ningún envío real de formularios a webs en vivo y nada que se pueda activar desde fuera. Y tenía que ser ligero: comprobaciones que nunca sobrecargan una web e incidencias solo para lo que necesita a una persona.
Lo que construí
Blip revisa cada web vigilada a todas horas y convierte los resultados en una puntuación de salud por proyecto, ordenada por lo que necesita atención. Disponibilidad cada cinco minutos; certificados, dominios, cabeceras de seguridad y avisos de Dependabot cada día; PageSpeed y un rastreador SEO por turnos; tráfico de Search Console y GA4; recuento de contactos sin ningún dato personal; despliegues y pull requests — junto a mis tareas de Todoist y un informe mensual que puedo compartir con el cliente. Solo yo tengo acceso, con inicio de sesión en dos pasos, y la cara que me saluda es la misma de Blip que vive en esta web.
Por dentro
Las piezas que hacen el trabajo
01Una pantalla para todos los proyectos
Cada proyecto tiene una puntuación de salud a partir de seis señales —disponibilidad, seguridad, SEO, velocidad, contactos y tareas— y la lista se ordena por lo que necesita atención, para que el día empiece por lo poco que importa.
02Disponibilidad e incidencias
Cada web se comprueba cada cinco minutos. Dos fallos seguidos abren una incidencia, que se cierra sola cuando la web vuelve. Un redespliegue está a un clic confirmado.
03Seguridad y código
Certificados, DNS, caducidad del dominio y cabeceras de seguridad se revisan cada día, junto con los avisos de Dependabot, los pull requests abiertos y las ramas olvidadas de GitHub.
04Velocidad y SEO
PageSpeed se ejecuta en móvil y escritorio, una web cada vez, y un rastreador recorre cada página por lotes: enlaces rotos, títulos, descripciones, textos alternativos y hreflang que faltan.
05Contactos sin datos personales
El recuento de contactos sale de la propia base de datos de cada web mediante un rol de solo lectura que únicamente ve un id, una fecha y un estado — nunca un nombre, un correo o un mensaje. Los contactos sin respuesta tras 48 horas se señalan.
06Tareas, acciones e informes
Las tareas se mantienen sincronizadas con Todoist, ⌘K salta a cualquier sitio o añade una tarea, y cada mes un informe cerrado se puede compartir con el cliente mediante un enlace privado.
07Privado desde el diseño
Acceso solo para mí con un enlace por correo y un código de autenticación, secretos fuera de la base de datos, un secreto del programador de tareas que nunca sale de ella, cabeceras de seguridad estrictas y comprobaciones de formularios que solo envían una prueba con campo trampa.
Recreado con datos de ejemplo, sin información real de clientes.
Tecnología
- React 19
- Vite
- Tailwind 4
- TanStack Query
- Vercel Functions
- Supabase Postgres
- pg_cron
- Resend
Cómo se hizo
Del encargo al lanzamiento
Duración: 1 día · 1 oct 2026
1 Oct 2026 · night
Estrategia y planificación
Primero el plan y el modelo de datos: un esquema propio en la base de datos con su propio rol, acceso solo para mí con un enlace por correo y un código de autenticación, y las primeras comprobaciones: disponibilidad, estado, certificados y despliegues.
1 Oct 2026 · early morning
Diseño y desarrollo
Un diseño cálido y tranquilo sustituyó al primer aspecto oscuro de «centro de control». Después llegaron PageSpeed, Search Console y GA4, el rastreador SEO y los informes mensuales.
1 Oct 2026 · morning
Lanzamiento y automatización
La cara de Blip de esta web se mudó al panel, las tareas programadas se activaron en la base de datos y los resúmenes semanales pasaron a mi propio ordenador, así que el panel funciona sin costes de API de IA.
Resultados
Del desarrollo
- commits desde la primera línea de código hasta estar en línea, en un día
- 28
- pruebas automáticas — puntuación, base de datos, inicio de sesión y comprobaciones en vivo
- 43
- campos con datos personales legibles en las bases de datos de los clientes
- 0
el resto de cifras, del desarrollo y los registros del proyecto
Siguiente paso
¿Quieres algo así?
Cuéntame tu proyecto: una primera propuesta en un día laborable y un precio cerrado por escrito antes de empezar nada.
Paso a paso · de la primera llamada al lanzamiento
¿Tienes un proyecto en mente? Hagámoslo.
Cuéntame qué vendes y qué necesitas. Te respondo en un día laborable con los siguientes pasos, o con un sincero “esto no es para mí”.
Siguiente proyecto