Makerpage; hecho con Bubble y...
Hoy es el "lanzamiento oficial" del producto que estoy desarrollando con Bubble, Makerpage. En esta edición quería hablarte de las herramientas que estoy utilizando para que sea una realidad.
Pues sí, la primera versión de Makerpage ya está disponible para todo el mundo y hoy es el lanzamiento oficial en Product Hunt.
En esta edición de Bubbleando quería contarte lo que he utilizado para hacerlo… Pero antes, quería pedirte que te pasaras por aquí para darle un upvote y que así pueda llegar a más gente, tener más feedback y mejorar el producto. ¡Gracias!
Bueno, ya paro con el spam, vamos al lío.
Frontend y Backend
Creo que no es sorpresa para nadie, pero todo lo que se puede ver en Makerpage está hecho con Bubble: la página web, la aplicación, la base de datos y toda la lógica que hay detrás.
La verdad es que el mayor reto al que me he tenido que enfrentar es el diseño de la página web. Nunca había implementado un diseño tan “libre” en Bubble y me di cuenta ahí de que no está tan preparado como otras herramientas para hacer cosas más visuales (sinceramente, está a años luz de herramientas como Framer o Webflow).
Pero bueno, estoy contento con el resultado final.
Emails
Bubble ya integra un sistema de emails transaccionales, pero para esta aplicación me apetecía probar una herramienta a la que le había echado el ojo desde hace tiempo… Loops.
Tiene un plugin oficial que se integra a la perfección con Bubble y permite mandar ese tipo de emails (feos pero necesarios) con algo más de estilo.
Lo mejor es que puedes enviar cualquier dato almacenado en la base de datos de Bubble y así mantener la personalización de los emails.
Todavía es pronto para hacer una valoración de la herramienta, pero de momento estoy bastante contento.
Pagos
Estuve barajando la posibilidad de usar Paddle o LemonSqueezy por probar otras plataformas pero… Bajo mi punto de vista, Stripe no tiene rival.
La integración oficial que tiene con Bubble funciona demasiado bien y además es súper sencilla de implementar. En una tarde ya tenía todo montado y funcionando… Nada malo que decir.
Clarity
Con esta herramienta se pueden ver heatmaps, clicks y grabaciones de la interacción del usuario con la aplicación. Me parece muy útil para detectar fallos de usabilidad y me sorprende que sea gratuita.
Honestamente la añadí pero no he tenido todavía tiempo de revisar la información que se está almacenando.
LogSnag
Estoy muy in love con este producto tracking de eventos. Tiene una integración súper sencilla con Bubble y además puedes recibir en el móvil notificaciones cada vez que alguien hace una acción clave dentro de tu aplicación; un sign up, un pago, etc.
De verdad, si queréis no me hagáis caso a ninguna recomendación de la que os he dado más arriba pero echadle un ojo a esto porque merece mucho la pena.
Y hasta aquí lo que tenía que contar hoy. Si quieres ver todo esto en acción puedes registrarte en Makerpage y, a parte de ver una app hecha con Bubble desde dentro, empezar tu portfolio de maker.
¡Muchas gracias!
David