FinanceFinanzas
Las finanzas de la persona y de cada una de sus empresas en una sola app.
Finance es una app financiera instalable (PWA) para personas y empresas, hecha por Next como producto propio y ya en producción. Las pantallas de este caso vienen de una cuenta de demostración a nombre de Marina Andrade, una persona ficticia, y todos los valores son inventados.
Verificando ahora desde tu navegador
Ficha técnica
- Cliente
- Producto propio de Next
- Sector
- Finanzas
- Plataformas
- PWA / Web / Mobile
- Estado
- En línea
- Qué hicimos
- Diseño y desarrollo del producto
- PWA instalable en el teléfono
- Espacios de trabajo por empresa y roles
- Módulos financieros, de cuentas a inversiones
- Informes y panel personalizable
- Stack
- Next.js 16 / React 19 / TypeScript / Supabase / Row Level Security / Tailwind 4 / Recharts / Leaflet
- Integraciones
- Gemini / OpenAI / Tabla FIPE de vehículos / NFC-e por código QR
Un espacio para cada empresa
Finance atiende a la persona y a sus empresas en la misma app. Cada empresa tiene su espacio de trabajo, y quien entra recibe un rol: dueño, admin, miembro o lector. El cambio de espacio está en el selector de la parte superior de la pantalla, junto al rol de quien lo está usando.
Qué tiene dentro
- Cuentas y tarjetas, y transacciones con importación de CSV y exportación a PDF.
- Gastos fijos y cuotas.
- Compras con lista e importación de la NFC-e (factura electrónica de consumidor) por el código QR de la factura.
- Clientes, cobros y aprobaciones.
- Vehículos con tabla FIPE y mantenimiento, inmuebles y préstamos.
- Inversiones en CDB, LCI/LCA y Tesouro, con CDI, IPCA y SELIC.
- Categorías con límite mensual, informes y mapa de gastos por ubicación.
El panel inicial es personalizable y muestra un marcador de salud financiera de 0 a 100. La búsqueda se abre con ⌘K, y la app tiene tema claro y oscuro.
Decisiones técnicas
La interfaz usa Next.js 16, React 19 y TypeScript, con Tailwind 4. Los datos están en Supabase con Row Level Security: cada consulta pasa por una regla en la propia base de datos, que comprueba a quién pertenece el registro antes de devolverlo. Los gráficos usan Recharts y el mapa de gastos usa Leaflet. La app también lee archivos PDF y usa modelos de IA de Gemini y OpenAI.
Cómo está hoy
Finance está en producción en financeiro.nextestudios.com. Instalada como PWA, se abre en el teléfono como una app, con una barra de navegación inferior para las pantallas más usadas.
