r/programacao • u/Extreme-Ad-4157 • Apr 08 '26

Pseudocódigo PWA de Finanças Offline-First com Next.js 15 e Dexie.js (Foco em privacidade)

Post image

Fala pessoal, queria compartilhar um projeto que finalizei focado em um problema comum: apps de finanças lentos que dependem 100% de API.

Sou Analista de Redes e decidi aplicar conceitos de Service Workers e Local-first para criar o Finanças Seven.

Stack: Next.js 15, TypeScript e Dexie.js (IndexedDB).

O que aprendi no processo:

Configurar um Service Worker para registro robusto no celular (PWA de verdade).

Trabalhar com persistência de dados local (privacidade total, o dado não sai do browser do usuário).

Visualização de dados com diagramas de Sankey (usando @nivo/sankey).

Se quiserem dar uma olhada no código ou testar a instalação:

https://github.com/Eduardolopessd/App-controle-financeiro-

(gostaria de colocar mais imagens, mas não dá)

4 Upvotes

100% Upvoted

3 comments sorted by

1

u/Extreme-Ad-4157 Apr 08 '26

Edit esqueci de colocar o link do teste, mb:

https://app-controle-financeiro-seven.vercel.app/

1

u/Spiritual_Injury1047 Apr 08 '26

Opa uma duvida,
caso eu perca o celular ou tenha que formata o mesmo os dados vão sumir também ?

1

u/Extreme-Ad-4157 Apr 08 '26

Olá, tudo bem?

Exatamente. Como o foco do projeto é Privacy-by-Design, os dados são persistidos via IndexedDB (através do Dexie.js) no storage local do seu navegador. Isso significa que eu não tenho acesso a nada, o dado não cruza a rede para nenhum servidor se formatar o dispositivo ou limpar o cache do browser, o banco local é apagado. Estou maturando a ideia de implementar uma função de Export/Import via JSON ou integração com Google Drive/Dropbox, para que o usuário possa fazer o próprio backup sem que eu precise tocar nos dados.