Tipo
Herramienta personal
11
Módulos financieros
Vercel
Deploy
Diario
Uso
Proyectos
Next.js 2025 Producción
Gastly
Tracker personal de finanzas con presupuestos, préstamos y pagos recurrentes.
App SaaS que uso a diario para controlar gastos, ingresos, presupuestos mensuales, cuotas, préstamos y pagos fijos. Construida con Next.js 16 App Router, Supabase y TanStack Query.
Qué es
Gastly nació porque ninguna app de finanzas hacía exactamente lo que necesitaba. La construí para mí, con los módulos que uso: transacciones, presupuestos por categoría, cuotas de compras a meses, préstamos, gastos fijos y un plan mensual que consolida todo.
La uso todos los días. Eso me obliga a mantenerla.
Stack y arquitectura
Next.js 16 con App Router y React Server Components. Supabase para la base de datos y auth. TanStack Query v5 para el estado del servidor con staleTime configurado por módulo. Validación con Zod en formularios y en la capa de acceso a datos.
La estructura es feature-based: cada módulo vive en features/<dominio>/ con sus componentes, schemas, tipos y acciones de servidor separados. El cliente de Supabase está dividido en browser/server/proxy para manejar correctamente la sesión en SSR.
El sistema de diseño lo llamé Wise. Tiene verde bosque y lima como colores principales, con 16 tokens de color, escala tipográfica y sombras documentadas en un archivo de diseño.
Lo que aprendí
Construir algo para uso propio tiene una dificultad diferente: no puedes dejar deuda técnica porque la sufres tú mismo al día siguiente. Eso me hizo ser más cuidadoso con los patrones que elegí desde el principio.
También fue donde profundicé más en el modelo de caché de Next.js 15 y en cómo estructurar correctamente las Server Actions con validación en el servidor.
Problema
Las apps de finanzas personales tienen demasiado que configurar o no encajan con cómo yo organizo mi dinero: cuotas, préstamos, gastos fijos y presupuestos por categoría en un solo lugar.
Solución
App propia con 11 módulos financieros, sistema de diseño personalizado y arquitectura feature-based. Corre en producción en Vercel con Supabase como backend y auth integrado.
Tecnologías
Next.jsReactTypeScriptSupabaseTanStack QueryTailwind CSSRechartsZod
Resultados
La uso todos los días para controlar mis finanzas personales.
11 módulos: cuentas, presupuestos, categorías, préstamos, ahorros, transacciones, cuotas, pagos recurrentes, gastos fijos y plan mensual.
Sistema de diseño propio (tema Wise) con tokens de color, tipografía y escala de espaciado documentados.