Aplicativo offline + sync

Tenho um projeto de um aplicativo offline-first e quando tiver conexão preciso sincronizar com um banco de dados online.

O projeto vai ser um CRUD simples + Integração com CRM (produtos, clientes, etc...).

Por exemplo: O usuário está em um lugar sem internet e cadastrou um cliente. Quando a conexão com a internet se estabilizar, precisa sincronizar automaticamente o cliente cadastrado com o db online.

Atualmente meu escopo seguiria: API - Laravel/Lumen Banco de dados - MySQL Banco offline - SQLite Aplicativo - Ionic Capacitor + Vue.js

Alguém que já tenha feito algo parecido, possui recomendações?

Pensei no Capacitor + Vue por já ter uma boa experiência, porém como o Capacitor gera um webview, estou em dúvidas de futuros problemas.

silvestrinihá 11 meses

Nunca fiz, mas na empresa que eu trabalho tem um app assim. Ele foi feito com delphi, mas eu recomendo React Native. Para a api use o Laravel com Sactum na autenticação, já fiz algumas e funciona muito bem.

ownerczxhá 11 meses
Então, ja fiz vários webviews em flutter (um com 100k+ de contas cadastradas por incrivel que pareça) e acaba dando muita dor de cabeça em alguns quesitos. Iria utilizar o Capacitor mais por conta do vue (que tenho bastante xp), mas talvez o ideal seja ir pra RN ou Flutter mesmo. E na questão do banco offline, SQLite seria uma boa opção? Esse APP que existe na sua empresa, como funciona pra salvar offline (se é que voce tem infos)? Agradeço!
silvestrinihá 11 meses
React Native é bem diferente de Flutter, pode ter certeza. Estou aprendendo aos poucos, pois minha área é PHP. Mas ele é bem interessante e não é difícil, eu que não sou muito do JavaScript tô conseguindo aprender... Flutter não deu pra mim. Tem que instalar mil coisas, android studio, aprender dart, tudo novo. Com RN, só precisei usar o Expo para testar direto no celular. E compila em código nativo, não é híbrido, consigo utilizar todas as apis que o telefone me oferece (câmera, biometria, armazenamento seguro para token de api com secureStore...). O app usa sqlite mesmo, funciona bem, é leve, não tem muito b.o. No início do dia os vendedores sincronizam a relação de produtos, preços etc por meio de um botão. No final do dia enviam os pedidos de venda realizados.
pedrohavelosohá 11 meses
Na verdade, React Native não compila para nativo... Ele interpreta o JS em tempo de execução. Flutter compila diretamente do Dart para o nativo da plataforma.
ownerczxhá 11 meses
Show, muito legal saber que também é do PHP. Agradeço a sua resposta, sem dúvidas me deu um norte. (E sim, flutter é uma desgraça pra instalar kk)
silvestrinihá 11 meses
Quem bom, espero ter ajudado! React Native, Axios e Laravel são um baita trio, não tem erro! Acredito que esses dois vídeos vão te ajudar: [React Native](https://www.youtube.com/watch?v=aABUs_L4AZg) [SQLite](https://www.youtube.com/watch?v=yLvKuljeP_Y)
ebdonatohá 11 meses

Eu gosto de fazer meus projetos no conceito PWA, na maioria dos casos a experiência do usuário é praticamente natiga.

Exemplo de um projeto PWA quebeu fiz quando estava aprendendo desenvolvimento web: calculadora-simples

murilorosahá 11 meses

Na empresa que trabalho utilizamos o Mongo Atlas device (Mongo Realm), aplicativo em React Native. É uma ótima solução para sync offline.