El problema
Empezó como mi web de referencia personal con herramientas, componentes y recursos de diseño. Al querer compartirla, una web estática se quedaba corta: cada contenido nuevo obligaba a tocar código.
Proyecto personal
Utools
App web para desarrolladores y diseñadores: recursos y herramientas, con un dashboard propio para publicarlos.
- 100+ publicaciones en producción
- v1 → v2 de web estática a app full-stack
- Open source código público en GitHub
La solución
Utools 2.0 es una app web con Supabase: autenticación, un dashboard propio donde crear, editar y eliminar publicaciones, y búsqueda con filtros.
Retos y decisiones
-
De web estática a app full-stack
RetoPasar de un frontend estático a una aplicación con datos, usuarios y permisos sin empezar de cero.
Qué hiceMigré el contenido a Supabase y añadí autenticación y un CRUD completo sobre la base existente en React.
ResultadoMás de 100 publicaciones gestionadas desde el dashboard, sin tocar código.
-
Que el usuario sepa qué está pasando
RetoCon operaciones contra una base de datos, la interfaz no puede quedarse en silencio mientras espera.
Qué hiceAñadí notificaciones, skeletons y estados de carga en los botones.
ResultadoUna app que se siente rápida y predecible.
-
Encontrar lo que buscas
RetoCon cada vez más publicaciones, encontrar un recurso concreto se volvía lento.
Qué hiceUn sistema de búsqueda y filtrado optimizado, junto con mejoras de SEO.
ResultadoCualquier recurso, a pocos clics.
Identidad y contexto
